2017-12-07 7 views
0

空のチャートをハイチャートで追加しようとしていますが、このチャートにはプロットボーダーがありますが、プロットボーダーでは、プロットボーダーは新しいプロットエリアに合うように調整されていないようです。 http://jsfiddle.net/ebj9jn6w/ハイチャートのプロットボーダーを壊さずに空のチャートにシリーズを追加する方法

var chart = Highcharts.chart('container', { 
    chart: { 
      renderTo: 'container', 
      borderWidth: 1, 
      borderColor: '#fff', 
      plotBorderWidth: 1, 
      plotBorderColor: '#777', 
    }, 
    xAxis: { 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
     }, 
     series: [{"name":"series 1","data": [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]}] 
    }); 

それはありません。ここで

はオプションで定義されたシリーズで、問題 http://jsfiddle.net/Lzpztwf7/1/

var chart = Highcharts.chart('container', { 
    chart: { 
      renderTo: 'container', 
      borderWidth: 1, 
      borderColor: '#fff', 
      plotBorderWidth: 1, 
      plotBorderColor: '#777', 
    }, 

    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 
}); 

chart.addSeries({"name":"series 1","data": [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]}); 

とjsfiddleであり、ここで、それがどのように見えるべきかのjsfiddleですユーザーがデータを追加し、それを削除して新しいデータを追加するだけでなく、addiの前後にあるチャートのさまざまなオプションを変更することができるため、開始時にシリーズを追加することができますデータ。

答えて

0

初期オプションで空のシリーズを追加してみてください、これが問題、あるいは少なくともこの特定の部分を修正するために働いていた

HIGHCHARTS DEMO

var chart = Highcharts.chart('container', { 
    chart: { 
      renderTo: 'container', 
      borderWidth: 1, 
      borderColor: '#fff', 
      plotBorderWidth: 1, 
      plotBorderColor: '#777', 
    }, 

    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 
    series: [{}] 
}); 

chart.series[0].update({name: "Your series", data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]}) 
+0

感謝を更新するためのAPIから利用series.updateシリーズを追加する際の問題では、プロット境界線のサイズ変更がまったく起こらず、変更にも多くの問題が明らかになり、プロット境界のサイズを変更する必要があります。ここ は http://jsfiddle.net/ebj9jn6w/1/ 余分なy軸を追加することで、問題を表示する簡単なjsfiddleである。しかし、彼らはまた、同じように壊れ高さとなど幅を変更することができます。 プロット境界線を取得して自己描画する方法はありますか? –

+0

ようこそ。私は4時間後にもう一つの問題を見ていきます。 –

+0

@JamesSaltこれがあなたが期待しているものなら、このフィドルhttp://jsfiddle.net/h0pmsp5x/をチェックしてください。 –

関連する問題