首页IT科技echarts自定义tooltip(echarts的legend——图例样式的配置)

echarts自定义tooltip(echarts的legend——图例样式的配置)

时间2025-08-03 04:12:44分类IT科技浏览13240
导读:认识图例:...

认识图例:

以上几张图表中                    ,红色圆圈部分即图例

echarts图表中的图例                               ,有形状          ,颜色                    ,位置等等各种样式的不同配置                    。

echarts官网配置项手册里有非常详细的内容                               ,我们挑几种常用的看看          ,加深对legend属性的理解

option = {

    legend: {

        data: [图例一, 图例二],      //图例名称

        right: 10,                              //调整图例位置

        top: 0,                                  //调整图例位置

        itemHeight: 7,                      //修改icon图形大小

        icon: circle,                         //图例前面的图标形状

        textStyle: {                            //图例文字的样式

            color: #a1a1a1,               //图例文字颜色

            fontSize: 12                      //图例文字大小

        }          ,

    series: [{

            name: 图例一,

            },

            {

            name: 图例二,

            }]

}

重点:

图例data的值必须与series里的name值对应 icon可选样式:circle, rect, roundRect, triangle, diamond, pin, arrow, none

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
一些比较好的图形设计网站(网页图像设计五部分) 网站应该怎么优化(网站怎样进行优化)