2017-10-19 64 views
0

グラフにヌル値があることを示したいとします。null値を示すが、Highcharts線グラフに接続しない方法は?

nullを0に置き換えると考えましたが、実際のデータの残りの部分に接続し、不正なグラフを描画します。残りのデータポイントにゼロの値を接続しないことは可能ですか?

また、イメージに示されているように、plotbandを使用してnull値を指定することはできますか?

jsfiddle

var categoryText= ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; 

Highcharts.stockChart('container',{ 

    chart: { 
     defaultSeriesType: 'spline', 
     renderTo: 'container' 
    }, 

    xAxis: { 
    labels: { 
       formatter: function() { 
        return categoryText[this.value]; 
       } 
      } 

    }, 
    plotOptions: { 
     series: { 
      marker: { 
       enabled: true 
      } 
     } 
    }, 
    series: [{ 
     data: [29.9, null, 106.4, 129.2, 144.0, 176.0, null, 148.5, 216.4, 194.1, 95.6, 54.4], 
    }] 

}); 

enter image description here

+0

だから、あなたは、オレンジ色のバーがNULL値を表示するようにしたいですか? –

+0

@NanduKalidindiは棒ではなく、私はプロットバンドを考えていました。 – devN

答えて

1

あなたは上記の宣言されたデータを持っている場合は、あなただけのnull秒間プロットバンドを含めるには、このを試すことができます。私は月の中ほどに各チックのオフセットを調整しようとしましたが、それは少し不正確と思われます。お好みに合わせてください。フィドルをチェックしてください。

plotBands: data.map(function(item, index) { 
      return { color: 'orange', from: index-0.5, to: index+0.5, data: item } 
       }).filter(function(item) { return item.data === null}) 
      }, 

http://jsfiddle.net/95dLon47/3/

関連する問題