高图X范围。最大高度的列

时间:2018-07-11 08:57:32

标签: javascript css highcharts

我有highchart x范围类型。我需要在此图表上使用最大高度创建列。 现在,我向您展示我的操作方式。

https://jsfiddle.net/ArtemSkliar/ub0mhLr2/1/

readFromBackup

您怎么看,我只是更新了名为“ highcharts-partfill-original”的类名称的样式。

但是这种解决方案有一个缺陷。当然,当我要导出此图表时,我的自定义样式不会弹出,并且该图表不会在需要时显示在导出的文件上。

请帮助我解决这个问题。

我尝试使用图表的选项和导出选项。但这并没有帮助我。

我还在highchart导出模块的“资源”参数https://www.highcharts.com/docs/export-module/export-module-overview中找到了 原本只打算用于自定义样式,但他拒绝工作。

1 个答案:

答案 0 :(得分:1)

实现这一目标很不错。但是,我将使用简单的插件来实现此目标:

(function(H) {
  H.wrap(H.seriesTypes.xrange.prototype, 'drawPoint', function(proceed, point) {

    // Simply modify height of the point:
    point.shapeArgs.height = point.series.yAxis.height - point.shapeArgs.y;

    return proceed.apply(this, Array.prototype.slice.call(arguments, 1));

  });
})(Highcharts);

演示:https://jsfiddle.net/BlackLabel/bt0y934m/