2017-06-17 107 views
0

如何从yAxis中删除某些值?Highcharts:从y轴隐藏/删除值(在一定范围内)

我的图表是一个列轴(https://www.highcharts.com/demo/columnrange),在x轴上有几天(实际上是y轴,旋转),我不想在某些日子显示值。

更一般而言,我想隐藏域中的一些值,即不连续的域。

实施例:

Highcharts.chart('container', { 
    chart: { type: 'columnrange', inverted: true }, 
    xAxis: { categories: [ 'FirstTask' ] }, 
    yAxis: { 
     type: 'datetime', 
     tickInterval: 24 * 36e5 
    }, 
    plotOptions: { 
     columnrange: { 
      dataLabels: { 
       enabled: true, 
       formatter: function() { return Highcharts.dateFormat('%e.%b', this.y); } 
      } 
     } 
    }, 
    series: [{ data: [1497718538701, 1498150538701] }], 
}); 

此代码生成从6月17日与水平杆和天图表到6月22日X轴(Y,旋转)。

我想删除天19和20,即所有的点在间隔

[1497891338701, 1497977738701] 

这可能吗?

+0

请编辑标题确定它的相关问题进行highcharts,并提供你试过什么的例子。 –

回答

1

您可以使用损坏的轴模块在轴上设置breaks

yAxis: { 
    type: 'datetime', 
    tickInterval: 24 * 36e5, 
    breaks: [{ 
    from: Date.UTC(2017, 5, 19), 
    to: Date.UTC(2017, 5, 20), 
    breakSize: 0 
    }], 

看来,在你的情况下,一些蜱是重叠的,但也可能是固定axis.labels.formatter - 您可以检查是否值突破之外。

labels: { 
    formatter: function() { 
     const hide = Date.UTC(2017, 5, 19) <= this.value && this.value < Date.UTC(2017, 5, 20) 

     return !hide ? this.axis.defaultLabelFormatter.call(this) : null 
    } 

例如:http://jsfiddle.net/qhrd9wnw/

+0

哇,真**完美**解决方案! 谢谢你morganfree。 – Andrea