echarts折线拐点中心的颜色，不是边框颜色，怎么修改

墨蓝 2022-05-19 04:08 973阅读 0赞

原文出处：[https://segmentfault.com/q/1010000007816296?\_ea=1463305][https_segmentfault.com_q_1010000007816296_ea_1463305]  
【问题】：  
![70][]  
如图拐点中心默认是白色，想改成其他颜色怎么设置？？？  
  
【解决方法】：  
上面参考 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
        }
    ]

效果如下图：  
![70 1][]

[https_segmentfault.com_q_1010000007816296_ea_1463305]: https://segmentfault.com/q/1010000007816296?_ea=1463305
[70]: /images/20220519/0c169a18338b44ea9e71f73064068614.png
[70 1]: /images/20220519/97c625583d144313aba2e429a6c03983.png

发表评论取消回复

表情：

评论列表（有 0 条评论，973人围观）

还没有评论，来说两句吧...

相关阅读

相关 Echarts 设置折线图拐点的颜色，边框等样式，hover时改变颜色

![在这里插入图片描述][198b80c65c724e61a9b1ac41f8ca946e.png_pic_center] 第014个 [点击查看专栏目录][Link 1]

小鱼儿/ 2024年03月27日 16:27/ 0 赞/ 89 阅读

相关 Echarts 设置折线拐点大小、类型等，默认下不显示拐点

![在这里插入图片描述][198b80c65c724e61a9b1ac41f8ca946e.png_pic_center] 第013个 [点击查看专栏目录][Link 1]

傷城~/ 2024年03月27日 16:27/ 0 赞/ 83 阅读

相关 ECharts 图表显示颜色修改

ECharts 图表显示颜色修改需求：改变Echarts引入图表的显示颜色解决方案：通过查询Echarts配置手册，color设置色板颜色列表。

小咪咪/ 2023年02月23日 05:07/ 0 赞/ 10 阅读

相关 Element 表格修改边框颜色

实现效果设置表格边框需要分三个部分设置即头部单元格以及最外层边框 ![在这里插入图片描述][20201016102830289.png_pic_center] 头

今天药忘吃喽~/ 2022年12月15日 11:17/ 0 赞/ 1085 阅读

相关修改Echart 图表主题颜色

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb3l

矫情吗；*/ 2022年11月18日 13:59/ 0 赞/ 311 阅读

相关 CSS 边框颜色

CSS 边框颜色 <!DOCTYPE html> <html> <head> <style> p.one { border-style:

梦里梦外;/ 2022年11月13日 04:27/ 0 赞/ 248 阅读

相关 Echarts 修改折线的颜色和折线的点的大小方法

在做SPC分析的时候或者一些专业的分析的时候有的客户会要求,点的大小,样式等,具体的设置方法如下: series: \[\{

﹏ヽ暗。殇╰゛Y/ 2022年05月31日 04:16/ 0 赞/ 1181 阅读

相关 echarts折线拐点中心的颜色，不是边框颜色，怎么修改

原文出处：[https://segmentfault.com/q/1010000007816296?\_ea=1463305][https_segmentfault.com_q

墨蓝/ 2022年05月19日 04:08/ 0 赞/ 974 阅读

相关 echarts 折线分段（值）显示不同颜色

原文出处：[https://blog.csdn.net/qq\_36128699/article/details/77878438 （建义阅读原文）][https_blog.c

向右看齐/ 2022年05月19日 00:42/ 0 赞/ 927 阅读

相关 echarts 折线图自定义颜色与修改legend颜色

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pFRkZf

Love The Way You Lie/ 2022年03月08日 02:48/ 0 赞/ 1200 阅读