Javascript Highcharts-仅显示选定点
我希望有一条线,只显示选定的点(它们实际上是预先选定的) 在本例中--单击按钮时可以显示选定的点,但只有在所有其他点都已显示(标记:已启用)的情况下,才能使其工作。有没有办法从一条简单的直线开始,然后只显示选定的点 以下是来自JSFIDLE的相关代码:Javascript Highcharts-仅显示选定点,javascript,highcharts,Javascript,Highcharts,我希望有一条线,只显示选定的点(它们实际上是预先选定的) 在本例中--单击按钮时可以显示选定的点,但只有在所有其他点都已显示(标记:已启用)的情况下,才能使其工作。有没有办法从一条简单的直线开始,然后只显示选定的点 以下是来自JSFIDLE的相关代码: $(function () { $('#container').highcharts({ plotOptions: { line: { marker: { enabl
$(function () {
$('#container').highcharts({
plotOptions: {
line: {
marker: {
enabled: true
}
}
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]
});
// button handler
var chart = $('#container').highcharts(),
i = 0;
$('#button').click(function() {
if (i == chart.series[0].data.length) {
i = 0;
}
chart.series[0].data[i].select(true, true);
i++;
});
})) 您可以通过创建两个单独的系列来解决此问题。为了使序列看起来像一个折线图,需要在数据中添加几个空值,并确保第一个序列的最后一个数据点是下一个序列的第一个数据点 使用您提供的JSFIDLE,更新的代码如下:
$(function () {
$('#container').highcharts({
plotOptions: {
line: {
}
},
series: [{
data: [29.9, 71.5, 106.4] ,
marker: {
enabled: true
} ,
color: '#000000'
},{
data: [null, null , 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] ,
marker: {
enabled: false ,
states: {
hover: {
enabled: false
} ,
states: {
select: false
}
}
},
color: '#000000'
}]
});
// button handler
var chart = $('#container').highcharts(),
i = 0;
$('#button').click(function() {
if (i == chart.series[0].data.length) {
i = 0;
}
chart.series[0].data[i].select(true, true);
i++;
});
});
你能重新表述一下这个问题吗?我想要一个图表,上面有25个数据点,但只有3个点显示为选中的,即它们从直线上突出。线路的其余部分应平滑。这有意义吗?你仍然可以悬停在平滑线上并正确获取信息?是的,那很好。