echarts相关配置项，总结

最新推荐文章于 2024-05-10 07:15:04 发布

黑天后白天

最新推荐文章于 2024-05-10 07:15:04 发布

阅读量523

点赞数

分类专栏： echarts 文章标签： echarts

本文链接：https://blog.csdn.net/weixin_43992935/article/details/95635862

版权

本文总结了Echarts的主要配置项，包括图标颜色的设定，饼状图的label和labelline配置以决定数据及线是否显示，以及图例的不同显示方式。此外，还讨论了图表如何随窗口尺寸变化自动缩放。

摘要由CSDN通过智能技术生成

1，echarts图标颜色值设置：

normal : {

        color:function(params) {

        //自定义颜色

                var colorList = ['#5580EB','#486CC7', '#F2637B', '#5254CF', '#36CBCB', '#975FE4', '#435188', '#FBD337', '#4ECB73', '#3AA0FF'];

                return colorList[params.dataIndex]

        }

},

在这里插入图片描述

2，饼状图，label与labelline配置，是否在图上展示数据和线

 label: {
   normal: {
        show: false, //是否展示数据
        formatter:'{b}' //数据展示格式
    },
    emphasis: {
        show: true
    }
},
lableLine: {
    normal: {
        show: ture, //是否展示线
    },
    emphasis: {
        show: true
    },
},