echarts自定义平均线样式

echarts自定义平均线样式#

自定义平均线样式

效果:

代码:

series: [
          {
            name: val,
            type: 'bar',
            barWidth: 40,//柱子宽度
            label: {
              show: true
            },
            data: this.sortData(val),
            markLine: {
              
              symbol: 'none',//取消开始结束标记(不显示箭头)
              data: [
                { //支持 average,min,max
                  type: 'average',
                  name: '平均值',
                  label:{  //自定义显示标签
                    normal: {
                      color:'#000',
                      formatter: function(params) {
                        return '平均值' + params.value
                      },
                    }
                  },
                  lineStyle: {
                    normal: {
                      color: '#d87d40',
                      width: 2,
                      type: 'solid'
                    }
                  }
                },
              ]
            },
          }
        ]

作者:whh666

出处:https://www.cnblogs.com/whh666/p/15304347.html

版权:本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。

posted @   资深if-else侠  阅读(1073)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
more_horiz
keyboard_arrow_up light_mode palette
选择主题
menu
点击右上角即可分享
微信分享提示