option = {
title: {
text: 'ECharts 入门示例'
},
tooltip: {},
legend: {
data: ['销量']
},
xAxis: {
data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
},
yAxis: {},
series: [{
markPoint: {
data: [ {
type: 'max',
name: '最大值'
}, {
type: 'min',
name: '最小值'
} ]
},
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}],
};
/* 如图,将鼠标悬停在markPoint上时,会发现显示的信息与实际信息不符
* 如悬停在5上,明明是衬衫,显示的却是羊毛衫;悬停在36上,应该是雪
* 纺衫,显示的却是衬衫。显示的信息似乎与max与min的位置有关。max在
* 第一位,所以36显示的是对应第一的衬衫;而min则显示的对应第二的羊
* 毛衫。
*/