echarts折线图拐点样式设置

最新推荐文章于 2024-05-21 14:56:57 发布

时倾௸

最新推荐文章于 2024-05-21 14:56:57 发布

阅读量1.9k

点赞数 1

文章标签： echarts javascript ecmascript

本文链接：https://blog.csdn.net/m0_46390103/article/details/127208723

版权

echarts折线图拐点样式设置

代码详情：

      series: [
          {
            name: '发文篇数',
            type: 'line',
            // smooth: true,
            showSymbol: true,
            symbol: 'circle',
            symbolSize: (value, param) => {
              return param.dataIndex !== this.clickIndex ? 10 : 18
            },
            itemStyle: {
              color: (param) => {
                return param.dataIndex !== this.clickIndex ? '#FFF' : '#227bff'
              },
              borderColor: '#227bff',
              borderWidth: 2,
              borderType: 'solid',
              shadowColor: 'rgba(77, 161, 255, 1)',
              shadowBlur: 10
            },
            lineStyle: {
              width: 2,
              color: '#227bff'
            },
            data: this.y
          }
        ]

color 设置图形的颜色。支持使用回调函数 (params: Object) => Color
borderColor 设置图形的描边颜色
borderWidth 设置描边线宽。为 0 时无描边
borderType 设置描边类型。可选：‘solid’ ，‘dashed’，‘dotted’
shadowColor 设置阴影颜色。支持的格式同color
shadowBlur 设置图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。

详细可见 echarts官方文档