我的目标是在散点图中渲染每个点的持续时间为1秒。
我没有找到任何关于此的资源帮助我。
$(function () {
$('#container').highcharts({
chart: {
type: 'scatter',
zoomType: 'xy'
},
title: {
text: 'Scoreplot'
},
xAxis: {
title: {
enabled: true,
text: 'Scale 1'
},
startOnTick: true,
endOnTick: true,
showLastLabel: true
},
yAxis: {
title: {
text: 'Scale 2'
}
},
legend: {
layout: 'vertical',
align: 'left',
verticalAlign: 'top',
x: 100,
y: 70,
floating: true,
backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF',
borderWidth: 1
},
credits: {
enabled: false
},
plotOptions: {
scatter: {
marker: {
radius: 4,
states: {
hover: {
enabled: true,
lineColor: 'rgb(100,100,100)'
}
}
},
states: {
hover: {
marker: {
enabled: false
}
}
},
tooltip: {
headerFormat: '<b>{series.name}</b><br>',
pointFormat: '{point.x} , {point.y} '
},
}
},series: [{
name: 'Reference',
color: 'rgba(102, 153, 255, .5)',
data: [[-2.05178092085,-1.50450902178],
[-1.429648945,-1.69861179564],
[-1.65632726657,-1.63639270397],
[-1.92160669243,-1.78050940588],
[-1.78640020357,-1.59160719416],
[-1.99958450452,-1.68659396367],
[-2.32194937959,-1.45980087072]]
},
{
name: "Real Time",
color: 'rgba(255, 83, 26, .5)',
data: [[2.807720349,-1.075648433],
[2.461050275,-1.15745417],
[2.4149253,-1.506728996],
[2.314316556,-1.446194502],
[2.324440997,-1.431036131],
[2.379748916,-1.692409619],
[2.66456482,-1.555274649],
[2.726586606,-1.413471237],
[2.785329726,-1.421985506],
[2.68305763,-1.666711562],
[2.501766427,-1.575108302],
[2.459408359,-1.573633966],
[2.628023219,-1.419915413]]
}
]
});
});
我的代码到现在为止：https://jsfiddle.net/opkza2ro/ 想要红色部分一个接一个地渲染。