1

JSON私のコードは、からオブジェクトとして取得されたデータと目盛りラベルを使用してグラフを正常に描画しますPHP。ある時点で、チャートを更新したいのですが、新しいチャートを作成せずに、わずかに異なるデータと異なる目盛りラベルを使用します。

$.jqplot.config.enablePlugins = true;
    var freqs1 = [];
    var freqlabels1 = [];

    var dataRendered1 = $.ajax({
        async: false,
        url: 'MY_URL',
        dataType: 'json',
        success: function(data) {
            if (data.length) {
                freqs1 = data[0];
                freqlabels1 = data[1];
            }
        }
    });

    var plot1 = $.jqplot('chartdiv', [freqs1], {
        animate: !$.jqplot.use_excanvas,
        seriesDefaults:{
            renderer:$.jqplot.BarRenderer,
            pointLabels: {
                show: true
            },
            rendererOptions: {
                barWidth: 12
            }
        },
        title:'Test',
        axes: {
            xaxis: {
                renderer: $.jqplot.CategoryAxisRenderer,
                ticks: freqlabels1,
                label: "Test 1",
                tickOptions:{textColor : 'rgb(39, 125, 175)', fontSize: '9pt'}
            },
            yaxis: {
                label: "Test 2",
                labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
                tickOptions:{textColor : 'rgb(39, 125, 175)', fontSize: '9pt'}
            }
        },
        highlighter: { show: true }
    });

ボタンをクリックすると、新しいデータと目盛りラベルを取得する ajax 呼び出しがあるとしましょう

 $(document).on('click', '#refresh_new', function() {
     $.ajax({
        async: false,
        url: 'MY_URL',
        dataType: 'json',
        success: function(data) {
                 var newData = data[0];
                 var newTicks = data[1];

                 //HOW DO I REFRESH CHART WITH NEW DATA AND TICKS FOR x-AXIS
        }
    });
 });
4

0 に答える 0