原生微信小程序的echarts的版本5.4.3,使用visualMap为什么不生效
ps:微信开发者工具上不生效,但echarts官网上是正常显示的
let date = ['05-06', '05-07', '05-08', '05-09', '05-10', '05-11'];
let fee = [123, 204, 116, 168, 222, 175];
option = {
tooltip: {
show: true,
trigger: 'axis',
},
grid: {
containLabel: true,
left: '0',
bottom: '5%',
top: '10%',
right: '0',
},
xAxis: {
type: 'category',
axisPointer: {
show: true,
type: 'shadow',
shadowStyle: {
color: '#E1E4EA',
shadowColor: '#E1E4EA',
},
},
axisLabel: { textStyle: { color: '#79818A' } },
axisLine: { show: true, lineStyle: { color: '#E2E2E2', type: 'solid' } },
axisTick: { show: false },
data: date,
},
yAxis: {
type: 'value',
axisLabel: { show: true, color: '#79818A' },
splitLine: {
show: true,
lineStyle: { type: 'dashed' },
},
},
visualMap: {
show: false,
dimension: 0, // 针对 y 轴数据
pieces: [
{
lte: 2,
color: 'green',
},
{
gt: 2,
lte: 4,
color: 'red',
},
{
gt: 4,
lte: 6,
color: 'green',
},
{
gt: 6,
color: 'red',
},
],
},
series: [
{
name: 'PM2.5',
type: 'line',
data: fee,
lineStyle: {
// color: 'auto', // 自动使用 visualMap 的颜色
},
},
],
};
因为下载的echarts.js是定制的,当初下载的那个人没有选择这个内容,因此不可以使用