1. 程式人生 > >echarts折線拐點中心的顏色,不是邊框顏色,怎麼修改

echarts折線拐點中心的顏色,不是邊框顏色,怎麼修改

原文出處:https://segmentfault.com/q/1010000007816296?_ea=1463305
【問題】:

如圖拐點中心預設是白色,想改成其他顏色怎麼設定???

【解決方法】:
上面參考 borderColor 的文件,其它的屬性就在附件自己找就是了。如果幾個顏色都是一樣就比較顏色,只需要設定 itemStyle.normal.color 就好,如果不一樣,其它的自已定義,參考下面的引數
 

series: [
    {
        id: 'a',
        type: 'line',
        smooth: true,
        symbol: "circle",      // 預設是空心圓(中間是白色的),改成實心圓
        symbolSize: symbolSize,
        itemStyle: {
            normal: {
                color: "darkgreen",  // 會設定點和線的顏色,所以需要下面定製 line
                borderColor: "blue"  // 點邊線的顏色
            }
        },
        lineStyle: {
            normal: {
                color: "#dd3300"   // 線條顏色
            }
        },
        data: data
    }
]

效果如下圖: