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

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

时间2025-09-16 20:45:33分类IT科技浏览14657
导读:认识图例:...

认识图例:

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

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
scard文件能删除吗(scards32.exe – scards32是什么进程 有什么用) 长尾关键词怎么优化(如何通过关键词挖掘长尾词工具优化网站的SEO排名?)