从导出到csv

时间:2019-03-12 05:22:37

标签: csv highcharts export-to-csv react-highcharts

我正在使用HighCharts库在量规图中绘制一些数据。我的图表如下图所示。

enter image description here

要获得该图,我将实心量规和量规一起使用系列选项(半圆实心量规和刻度盘量规)

...
series: [
  {
    name: 'solidgauge',
    type: 'solidgauge',
    data: [data.value],
    ...
  },
  {
    name: 'gauge',
    type: 'gauge',
    data: [data.value],
    ...
  },
]
...

显然,两个系列的数据都相同,因此当我将图表导出到csv文件中时,库将创建两列具有相同数据的列,并且我想更改此行为并仅导出系列中的一个,但是经过大量搜索,我在highcharts中找不到排除特定系列的任何选项。

enter image description here

我该怎么做? (我对导出自定义不熟悉,只需编写少量示例代码就可以开始创建自己的答案。)

1 个答案:

答案 0 :(得分:0)

您可以包装AI方法并在继续之前隐藏该系列:

Unit

实时演示:https://jsfiddle.net/BlackLabel/109a7vek/

此外,您可以在getCSV事件中编辑生成的数据:

var H = Highcharts;

H.wrap(H.Chart.prototype, 'getCSV', function(proceed) {
    var result;

    this.series[1].hide();
    result = proceed.apply(this, Array.prototype.slice.call(arguments, 1));
    this.series[1].show();

    return result;
});

实时演示:https://jsfiddle.net/BlackLabel/du7nz2hy/

文档:https://www.highcharts.com/docs/extending-highcharts