Echarts制作图表简单好用，怎么配置formatter属性呢？，今天小编就来说说关于echarts如何设置隐藏功能?下面更多详细答案一起来看看吧!
echarts如何设置隐藏功能
Echarts制作图表简单好用，怎么配置formatter属性呢？
legend.formatter 用来格式化图例文本，支持字符串模板和回调函数两种形式
// 使用字符串模板，模板变量为图例名称 {name}
formatter: 'Legend {name}'
// 使用回调函数
formatter: function (name) {
return 'Legend ' name;
}
默认的a,b,c,d又分别有什么含义？
折线（区域）图、柱状（条形）图: a（系列名称），b（类目值），c（数值）, d（无）
散点图（气泡）图 : a（系列名称），b（数据名称），c（数值数组）, d（无）
饼图、雷达图 : a（系列名称），b（数据项名称），c（数值）, d（百分比）
弦图 : a（系列名称），b（项1名称），c（项1-项2值），d（项2名称)， e(项2-项1值)
除了，使用这几个固定的formatter字母外，我们还可以使用自定的值
// formatter,自定义展示的内容，其中p,q为自己定义的值，item.p为p的值， \n 表示换行的意思
formatter: '{b|{b}}\n{p|P:' item.p 'KW}\n{q|Q:' item.q 'KW}',
backgroundColor: { // label的背景
image:bgcolor,
},
borderColor: '#aaa',
borderWidth: 1,
borderRadius: 4,
rich: { // rich可以设置p q b 的样式，即 | 左侧定义的内容
p: { // 自定义的p的样式
color: '#3c3c3c',
lineHeight: 22,
align: 'center'
},
q:{ // 自定义的q的样式
color: '#3c3c3c',
lineHeight: 22,
align: 'center'
},
b: { // b的样式
color: '#000',
fontSize: 14,
lineHeight: 20
},
}
