码迷,mamicode.com
首页 > 其他好文 > 详细

echarts legend 自定义图例

时间:2020-06-15 15:46:14      阅读:515      评论:0      收藏:0      [点我收藏+]

标签:fonts   vertica   nts   name   style   font   width   echart   pre   

legend: {
                    
                    selectedMode: true,
                    top: 0,
                    right: 0,
                    orient: ‘vertical‘,
                    // itemWidth: 24,
                    // itemHeight: 2,
                    textStyle: {
                        fontFamily: ‘ABBvoiceCNSG-Regular‘,
                        fontSize: 12,
                    },
                    // icon: ‘rect‘,
                    data: [
                        {
                            name:"高严重等级报警",
                            icon:‘rect‘,
                        },
                        {
                            name:"低严重等级报警",
                            icon: ‘rect‘
                        },
                        {
                            name:"健康度",
                            icon: ‘line‘
                        }
                    ]
                },

 

技术图片

最后:写的时候遇见一个小问题,改了icon图例变成空白了,后来发现是要和series里面的name对应起来

 

echarts legend 自定义图例

标签:fonts   vertica   nts   name   style   font   width   echart   pre   

原文地址:https://www.cnblogs.com/baiyq/p/13130921.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!