数据为空时高图表中的空白框

Question

您好我正在使用区域范围＆amp;排行高图表图形来做一些图形表示。当有几天没有数据[null]时，我需要显示双面框[条形图]。

series: [{
        name: 'Temperature',
        data: averages,
        zIndex: 1,
        marker: {
            fillColor: 'white',
            lineWidth: 2,
            lineColor: Highcharts.getOptions().colors[0]
        }
    }, {
        name: 'Range',
        data: ranges,
        type: 'arearange',
        lineWidth: 0,
        linkedTo: ':previous',
        color: Highcharts.getOptions().colors[0],
        fillOpacity: 0.3,
        zIndex: 0,
        marker: {
            enabled: false
        }
    }]

小提琴 - https://jsfiddle.net/anishkpn/4epsn04x/

我怎样才能实现这个目标？

Answer 1

设置一个代表null值的新系列：

boxes = [
  [1247529600000, 1],
  [1247616000000, 1],
  [1247702400000, 1],
  [1247788800000, 1],
  [1247875200000, 1],
  [1247961600000, 1]
];

绘制为列系列：

{
  name: 'Boxes',
  type: 'column',
  data: boxes,
  color: 'transparent',
  borderWidth: 1,
  borderColor: Highcharts.getOptions().colors[1],
  groupPadding: 0,
  pointPadding: 0.2
}

小提琴：

• https://jsfiddle.net/jlbriggs/3gxk79b3/

或者，如果你想要在基线以外的某个位置使用方框，请改用columnrange系列，并将它们浮动到任何你想要的位置：

• https://jsfiddle.net/jlbriggs/3gxk79b3/1/

输出：

或者，使用Renderer()功能，并绘制您想要的任何内容：

• http://api.highcharts.com/highcharts/Renderer