如何在Highcharts中显示表格数据中的两个特定数据点?
我试图从一个CSV文件中绘制一个只有两个数据点的图表,该CSV文件包含更多带有日期时间x轴的数据点 最终,用户应该能够从整个数据集中比较他选择的两年 从API文档中,我知道我可以从带有startRow和endRow的CSV中选择一系列数据点: 但那只会画出一个特定的点,正如你在中看到的。 是否有其他方式以编程方式显示特定点如何在Highcharts中显示表格数据中的两个特定数据点?,highcharts,Highcharts,我试图从一个CSV文件中绘制一个只有两个数据点的图表,该CSV文件包含更多带有日期时间x轴的数据点 最终,用户应该能够从整个数据集中比较他选择的两年 从API文档中,我知道我可以从带有startRow和endRow的CSV中选择一系列数据点: 但那只会画出一个特定的点,正如你在中看到的。 是否有其他方式以编程方式显示特定点 Highcharts.chart('container', { chart: { type: 'column', polar: fa
Highcharts.chart('container', {
chart: {
type: 'column',
polar: false,
},
title: {
text: ''
},
subtitle: {
text: ''
},
data: {
csv: document.getElementById('csv').innerHTML,
startRow: 3,
endRow: 4,
googleSpreadsheetKey: false,
googleSpreadsheetWorksheet: false
},
series: [{
name: 'val'
}],
yAxis: [{
title: {
text: ''
},
opposite: true,
labels: {
align: 'right',
reserveSpace: true
}
}],
xAxis: [{
type: 'datetime',
opposite: false
}],
pane: {
background: []
},
responsive: {
rules: []
},
legend: {
title: ''
},
plotOptions: {
series: {
animation: false
}
}
});
编辑:
我忘了提到,我只想加载CSV一次。之后,用户应该能够选择/更新数据点,而无需重新加载数据。
为了动态显示值的范围,我使用了Axis min和max设置,如下所示:
$(this).highcharts().update({
xAxis:{
min: Date.UTC(selectedStart,0,0),
max: Date.UTC(selectedEnd,11,31)
}
});
整个数据集加载一次,图表轴在用户交互时更新。
现在,我正在寻找类似的东西,只是不是范围,而是整个数据集的两个值的比较 Highcharts数据模块提供一个名为
parsed
的函数,允许您在将获取的数据应用到图表之前以编程方式修改数据
从HighchartsAPI():
解析:函数用于访问已解析列的回调函数 直接输入二维数据数组,然后 解释为系列数据和类别。返回false停止 完成,或调用此.complete()以继续异步
现场演示:谢谢你的帮助,卡米尔!如果我错了,请纠正我,但是解析后的函数只会在CSV加载后执行一次,对吗?我需要一个解决方案,用户可以动态地比较整个数据集中的点。我编辑了我的问题来澄清。我曾想过使用
setData
,但现在还不能使它工作。