用鼠标滚轮缩小显示范围时,出现js 错误
配置项如下
var xAxisData =['05-01 12:30','05-01 12:42','05-01 12:55','05-01 12:59','05-01 13:30','05-01 14:10','05-01 15:30']
var seriesData =[
{
value: 37.5,
operator: '王二狗',
use_stone_num: 3.75,
make_stone_num: 10
},
{
value: 45,
operator: '王二狗',
use_stone_num: 4.5,
make_stone_num: 10
},
{
value: 68.5,
operator: '王二狗',
use_stone_num: 6.85,
make_stone_num: 10
},
{
value: 73.2,
operator: '王二狗',
use_stone_num: 0.732,
make_stone_num: 1
},
{
value: 68.3,
operator: '王二狗',
use_stone_num:6.83,
make_stone_num: 10
},
{
value: 88.3,
operator: '王二狗',
use_stone_num: 8.83,
make_stone_num: 10
},
{
value: 66,
operator: '王二狗',
use_stone_num: 6.6,
make_stone_num: 10
}
]
option={
tooltip: {
trigger: 'none',
axisPointer: {
type: 'cross'
}
},
grid: {
left: 30,
right: 30,
top: 30,
bottom: 70,
containLabel: true
},
dataZoom: [
{
type: 'slider',
show: true,
start: 0,
end: 50,
handleSize: 8
},
{
type: 'inside',
start: 0,
end: 50
},
],
xAxis: {
type: 'category',
axisTick: {
alignWithLabel: true
},
axisLine: {
onZero: false,
},
axisPointer: {
label: {
formatter: function(params){
return'用料时间:'+params.value+'\n 用料人员:'+params.seriesData[
0
].data.operator+'\n 成品数量:'+(Math.round(params.seriesData[
0
].data.make_stone_num*10000)/10000).toFixed(4)+'\n 用料数量:'+(Math.round(params.seriesData[
0
].data.use_stone_num*10000)/10000).toFixed(4)+'\n 出材率:'+params.seriesData[
0
].data.value+'%';
},
margin: 60
}
},
data: xAxisData
},
yAxis: {
type: 'value',
max: 150,
min: 0,
},
series: [
{
data: seriesData,
color: '#0DBA09',
type: 'line'
}
]
};