Question

所有

我有一个要求我想要突出显示上面部分的柱状图。为了更具表现力，我附上了我需要做的事情。 image

提前谢谢

已编辑：

我所做的是给出了2个系列并叠加了它们。

series: [{
            name: 'Background',
            data: [250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250],
            color: 'rgba(94, 143, 184, 0.5)',
            dataLabels: {
                enabled: false
            }
        }, {
            name: 'Actual',
            data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
            color: '#ffffff',
            dataLabels: {
                enabled: false
            }

        }]

我正在寻找的是更简洁的解决方案，我只能使用1个系列，并使用一些控制Highchart，它可以将剩余的部分填充到全长。

Answer 1

没有这样的功能，你可以使用extend Highcharts方法 - 在这种情况下 - seriesTypes.column.prototype.drawPoints - 但这比创建无响应的第二个系列更难。

在加载事件中，您可以添加禁用鼠标跟踪等系列 - 因此它的行为类似于背景。

  series.chart.addSeries({
    data: data,
    showInLegend: false,
    enableMouseTracking: false,
    dataLabels: {
      enabled: false
    },
    grouping: false,
    color: 'rgba(94, 143, 184, 0.5)',
    zIndex: -1
  }, false);

示例：http://jsfiddle.net/tcwmp92y/

Highcharts - 突出显示柱形图的上方部分

1 个答案: