@Kener-林峰 你好,想跟你请教个问题:
我使用的ECharts在html中构建折线图时
legend全部显示为灰色,而且dataZoom不显示,麻烦看看我哪里有写的不对的地方
如下图,toolbox的dataZoom可以用
代码:
var option = {
title: {
text: "各组渠道统计趋势\n",
x: "center",
y: "top"
},
grid: {
x: 80,
y: 60,
x2: 80,
y2: 180
},
tooltip: {
trigger: 'axis',
show: true
},
legend: {
data: allRefer,
x: "center",
y: "bottom",
itemGap: 20,
selected: a
},
toolbox: {
show: true,
feature: {
mark: { show: true },
dataView: { show: true, readOnly: true },
magicType: { show: true, type: ['line', 'bar'] },
restore: { show: true },
saveAsImage: { show: true },
dataZoom:{ show:true}
}
},
xAxis: [
{
type: 'category',
boundaryGap: false,
data: allDateList
}
],
yAxis: [
{
type: 'value'
}
],
dataZoom:[
{
type:"slider",
start:0,
end:20
}
],
series: function() {
var serie = [];
for (var i = 0; i < referDetailStr.length; i++) {
var item = {
name: referDetailStr[i].series,
data: referDetailStr[i].yAxis,
type: "line"
};
if (referDetailStr[i].series == 10) {
item.markLine = {
data: [
[
{ name: '全局平均', yAxis: @avg, value: @avg },
{ yAxis: @avg, xAxis: allDateList[allDateList.length - 1] }
]
]
};
}
else if(referDetailStr[i].series >= 100) {
item.markLine = {
data: [{ name: '全局平均', type: 'average' }]
};
}
serie.push(item);
}
return serie;
}()
};
chart.setOption(option);