百度echarts如何修改曲线背景颜色或者线条颜色
侧边栏壁纸
  • 累计撰写 635 篇文章
  • 累计收到 0 条评论

百度echarts如何修改曲线背景颜色或者线条颜色

加速器之家
2024-08-22 / 0 评论 / 3 阅读 / 正在检测是否收录...

百度ECharts 是一个使用 JavaScript 实现的开源可视化库,涵盖各行业图表,满足各种需求。但是echarts默认的颜色我们不喜欢的话,可以通过过下面的设置进行修改,具体如下:

1、设置线条颜色:

在series下添加itemStyle

 itemStyle : {  
        normal : {  
            color:'#99CC33'  
        }  
    },  


series: [
{
    name: '订单数',
    type: 'line',
    stack: 'Total',
    data: [120, 132, 101, 134, 90, 230, 210,120, 132, 101, 134, 90, 230, 210],
    itemStyle : {  
        normal : {  
            color:'#99CC33'  
        }  
    },  
},
],


2、设置背景颜色:

在series下添加areaStyle

areaStyle: {
    color: ['#409eff']
},


series: [
{
    data: [150, 230, 224, 218, 135, 147, 260],
    type: 'line',
    areaStyle: {
        color: ['#409eff']
    },
}
],
0

评论

博主关闭了当前页面的评论