2016-10-15 23 views
0

私はChart.jsを使用して私のWebページ上にBarChartを持っています。Chart.js棒グラフの棒グラフ

アイブ氏は

chart.addData([5], "A"); 
chart.addData([7], "B"); 

を使用して、それへの2つのデータポイントを追加した今、私はそれらを削除し、(私はすでにそれを行う方法を考え出した)それらを再度追加することなく、これらのバーAとBを更新したいです。私はそれらを新しい値に調整するために垂直方向に動かすことを望みますが、既にチャートにあるデータにアクセスする方法を見つけることはできません。最初の値が格納されたデータ(f.e.)の指標であろう

chart.updateData(0,[6]); 
chart.updateData(1,[9]); 

Theresの何もありません。

どうすればよいですか?

+0

は「今、私はレムないもののバーAとBを更新したいですそれらを追いかけること、そしてそれらをもう一度加えること(私はそれをどうやってどうやって実現したかをすでに知っていた) "...オハイオ州私...ガード。あなたのタイトルとあなたの質問の明白な欠陥に加えて、あなたが "バーを更新"するのに使ったコードは何ですか? –

答えて

2

一般的には、データオブジェクトを調べ、要素を追加、削除、または置き換えてから、.updateと呼んでください。ここで

私はチャートの終わりに2つの以上の列を追加する例を示します:あなたのケースに

function addData() { 
    myBarChart.data.labels[12] ="2017"; 
    myBarChart.data.labels[13] ="2018"; 
    myBarChart.data.datasets[0].data[12] = 500; 
    myBarChart.data.datasets[0].data[13] = 600; 
    myBarChart.update(); 
} 

より具体的には、ここで私は1年の値を変更します。

function adjust2016() { 
    myBarChart.data.datasets[0].data[11] = 300; 
    myBarChart.update(); 
} 

全例:

Codepen Chart.js Add replace data example