如何在Highcharts中显示表格数据中的两个特定数据点?

如何在Highcharts中显示表格数据中的两个特定数据点?,highcharts,Highcharts,我试图从一个CSV文件中绘制一个只有两个数据点的图表,该CSV文件包含更多带有日期时间x轴的数据点 最终,用户应该能够从整个数据集中比较他选择的两年 从API文档中,我知道我可以从带有startRow和endRow的CSV中选择一系列数据点: 但那只会画出一个特定的点,正如你在中看到的。 是否有其他方式以编程方式显示特定点 Highcharts.chart('container', { chart: { type: 'column', polar: fa

我试图从一个CSV文件中绘制一个只有两个数据点的图表,该CSV文件包含更多带有日期时间x轴的数据点

最终,用户应该能够从整个数据集中比较他选择的两年

从API文档中,我知道我可以从带有startRow和endRow的CSV中选择一系列数据点:

但那只会画出一个特定的点,正如你在中看到的。 是否有其他方式以编程方式显示特定点

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
,但现在还不能使它工作。