ドロップダウン メニューの選択に基づいて、Dojo ツールキットから jQuery の ajax 呼び出しを使用してグラフを作成しています。問題は、チャートを置き換えるのではなく、単に押し下げて、その上に次のチャートを表示することです。グラフをテキストに切り替えると、テキストが正しく置き換えられます。
$('#listID').on('change',function()
{
var input = $(this).attr("value");
$.post("helper.php", { input: input, username: username }, function(data){
$('#chart').html(data.chart);
}, "json");
});
<div id="chart"></div>
<div id="chartOne" style="width: 400px; height: 240px; "></div>
挿入中のグラフ:
<script>
require(["dojox/charting/Chart", "dojox/charting/axis2d/Default", "dojox/charting/plot2d/StackedAreas", "dojox/charting/themes/Wetland" , "dojo/ready"],
function(Chart, Default, StackedAreas, Wetland, ready){
ready(function(){
var c = new Chart("chartOne");
c.addPlot("default", {type: StackedAreas, tension:3})
.addAxis("x", {fixLower: "major", fixUpper: "major"})
.addAxis("y", {vertical: true, fixLower: "major", fixUpper: "major", min: 0})
.setTheme(Wetland)
.addSeries("Series A", [1, 2, 0.5, 1.5, 1, 2.8, 0.4])
.addSeries("Series B", [2.6, 1.8, 2, 1, 1.4, 0.7, 2])
.addSeries("Series C", [6.3, 1.8, 3, 0.5, 4.4, 2.7, 2])
.render();
});
});
</script>