使用新数据和刻度标签重绘JQplot条形图

时间:2013-03-30 19:10:26

标签: javascript jquery json jqplot

我的代码成功绘制了一个图表,其中包含从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
        }
    });
 });

0 个答案:

没有答案