echarts自定义tooltip(echarts的legend——图例样式的配置)
认识图例:
以上几张图表中 ,红色圆圈部分即图例
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版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!