gpt4 book ai didi

javascript - 如何在 HighChart 中添加系列

转载 作者:行者123 更新时间:2023-11-30 15:57:22 26 4
gpt4 key购买 nike

我想在点的 onclick 事件中添加 addSeries,但我得到一个错误,addSeries 不是当前 this 的函数。当我点击他的一个点时,如何将 Series 添加到 HighChart Graph?我正在添加以下 jsfiddle 来演示问题:

$(function () {
$('#container').highcharts({
chart: {
type: 'scatter',
margin: [70, 50, 60, 80],
events: {
click: function (e) {
// find the clicked values and the series
var x = e.xAxis[0].value,
y = e.yAxis[0].value,
series = this.series[0];

// Add it
series.addPoint([x, y]);

}
}
},
title: {
text: 'User supplied data'
},
subtitle: {
text: 'Click the plot area to add a point. Click a point to remove it.'
},
xAxis: {
gridLineWidth: 1,
minPadding: 0.2,
maxPadding: 0.2,
maxZoom: 60
},
yAxis: {
title: {
text: 'Value'
},
minPadding: 0.2,
maxPadding: 0.2,
maxZoom: 60,
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
legend: {
enabled: false
},
exporting: {
enabled: false
},
plotOptions: {
series: {
lineWidth: 1,
point: {
events: {
'click': function () {
if (this.series.data.length > 1) {
this.remove();
this.addSeries({
name:'series1',
color: "red",
data:[10,20,30,40]
});
}
}
}
}
}
},
series: [{
data: [[20, 20], [80, 80]]
}]
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 310px; height: 400px; max-width: 700px; margin: 0 auto"></div>

最佳答案

检查 this出去。我 console.log this 它指的是点而不是图表,这就是为什么错误说 addSeries 不是 this< 的函数

$('#container').highcharts().addSeries 修改它,它可以工作。

关于javascript - 如何在 HighChart 中添加系列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38293274/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com