HighchartsのVU Meter
グラフを準備して値の配列を表示しています。 <SELECT>
の<OPTION>
を選択すると、これらの値が1つずつ表示されます。 グラフのtitle
を<OPTION>
の選択したlabel
と一致するように変更する方法を理解できましたが、残念ながら私はnoobです。series
のdata
を正しく更新できませんでした。ハイチャート - VUMeterの系列[0] .dataとyAxisのタイトルを正しく更新する方法は?
最小作業例はjsFiddleで利用できます。具体的には、以下の機能が<SELECT>
が変更されたときに発生する:
$('#receptorsList0').change(function() {
var selectedOption = $("#receptorsList0 option:selected");
var selectedValue = selectedOption.val();
var selectedText = selectedOption.text();
alert("i: "+selectedOption+", val: "+selectedValue+", text: "+selectedText);
// 1. Possible?
chart.yAxis.setTitle({ text: table[selectedText] + '<br/><span style="font-size:8px">' + selectedText + '</span>' });
// 2. Doesn't work, suggestions? Same with chart.series[0].update(...)
chart.series[0].setData([selectedValue], true);
chart.setTitle({ text: selectedText });
// 3. Unneeded, right?
chart.redraw();
});
私の質問は次のとおりです。
- が
yAxis
のtitle
サポートの変更ですか?これは、グラフのタイトルを更新するコマンドに似ていますが、もちろん機能しません。 - どのようにデータを変更する必要がありますか?
chart.series[0].setData(...)
とchart.series[0].update(...)
の両方は、針が消えて、まだ留まるようにしました。data
のフォーマットが正しくない可能性がありますか?あなたは私の間違いを私に指摘できますか? - これは不要です、右(上記の場合)
お寄せいただきありがとうございます。
Sebastian Bochan私は正しい方向に向かって指摘してくれたので、私は上記の問題を解決することができました。上記の機能の最終バージョンの下に見つけてください:
$('#receptorsList0').change(function() {
var selectedOption = $("#receptorsList0 option:selected");
var selectedValue = parseFloat(selectedOption.val());
var selectedText = selectedOption.text();
chart.yAxis[0].update({
title: {
text : table[selectedText] + '<br/><span style="font-size:8px">'+selectedText+'</span>',
y : -40
}
});
chart.series[0].data[0].update(selectedValue);
chart.setTitle({
text: selectedText
});
});
私は正しい方向に向いてくれてありがとう!あなたの提案を他の人の参考にして質問を更新します! –