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

-1

我有一个要求，我想要突出上面的部分酒吧柱状图。为了更具表现力，我附上了我需要做的事情。 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一些控制它可以填补剩余部分的全长。

来源

2017-04-07 Rafiq Ahmed

请添加到您的问题，你有什么到目前为止已经试过... – xFlowDev

@xFlowDev更新我的问题。 –

你可以尝试像这样通过定义一个完整系列为100％，然后从第一个扣除第二个系列。你可以在这里找到小提琴示例http://jsfiddle.net/sbochan/L02awbfe/7/ – TechnoCrat

没有这样的功能，您可以使用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/

来源

2017-04-07 14:16:56 morganfree

谢谢。这很有帮助。 –

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

回答

相关问题