2017-06-17 20 views
0

yAxisからいくつかの値を削除するにはどうすればよいですか?ハイチャート:y軸からの値(範囲内)の非表示/削除

私のグラフは、x軸(実際にはy軸、回転)上に日数を持つコラムの範囲(https://www.highcharts.com/demo/columnrange)で、数日間の値を表示したくありません。

さらに一般的には、ドメインから一部の値、つまり不連続なドメインを非表示にしたいと考えています。

例:

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] }], 
}); 

このコードは、X軸上の6月22日に水平バー及び6月17日からの日数を持つチャートを生成する(Y回転)。間隔

[1497891338701, 1497977738701] 

私は日19削除したいと20、すなわち、すべてのポイントは、それは可能ですか?

+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

関連する問題