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