echart 在zhu显示图标_echart 图例设置自定义图标?

option ={

legend: {

orient:‘horizontal‘, //‘vertical‘

x: ‘right‘, //‘center‘ | ‘left‘ | {number},

y: ‘top‘, //‘center‘ | ‘bottom‘ | {number}

backgroundColor: ‘#eee‘,

borderColor:‘rgba(178,34,34,0.8)‘,

borderWidth:4,

padding:10, //[5, 10, 15, 20]

itemGap: 20,

textStyle: {color:‘red‘},

selected: {‘降水量‘ : false},

data: [

{

name:‘蒸发量‘,

icon :‘image://../asset/ico/favicon.png‘,

textStyle:{fontWeight:‘bold‘, color:‘green‘}

},‘降水量‘,‘最高气温‘, ‘最低气温‘]

},

xAxis :{

data : [‘周一‘,‘周二‘,‘周三‘,‘周四‘,‘周五‘,‘周六‘,‘周日‘]

},

yAxis : [

{

type :‘value‘,

axisLabel : {

formatter:‘{value} ml‘}

},

{

type :‘value‘,

axisLabel : {

formatter:‘{value} °C‘},

splitLine : {show :false}

}

],

series : [

{

name:‘蒸发量‘,

type:‘bar‘,

data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6]

},

{

name:‘最高气温‘,

type:‘line‘,

yAxisIndex:1,

data:[11, 11, 15, 13, 12, 13, 10]

},

{

name:‘降水量‘,

type:‘bar‘,

data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6]

}

]

};//动态添加默认不显示的数据

var ecConfig = require(‘echarts/config‘);

myChart.on(ecConfig.EVENT.LEGEND_SELECTED,function(param){var selected =param.selected;varlen;varadded;if (selected[‘最低气温‘]) {

len=option.series.length;

added= false;while (len--) {if (option.series[len].name == ‘最低气温‘) {//已经添加

added = true;break;

}

}if (!added) {

myChart.showLoading({

text :‘数据获取中‘,

effect:‘whirling‘});

setTimeout(function(){

option.series.push({

name:‘最低气温‘,

type:‘line‘,

yAxisIndex:1,

data:[-2, 1, 2, 5, 3, 2, 0]

});

myChart.hideLoading();

myChart.setOption(option);

},2000)

}

}

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值