如何添加jqplot气泡图轴标签

时间:2013-05-13 19:53:20

标签: jquery jqplot

我正在使用jqplot气泡图。我想在x和y轴上显示标签。我试过这里提到的。但似乎它不适用于气泡图。

http://www.jqplot.com/deploy/dist/examples/axisLabelsRotatedText.html

此外,荧光笔插件无法与bubblechart一起使用?

我被困住了。我真的很感激这里的任何帮助。

谢谢, 吉格尔

1 个答案:

答案 0 :(得分:1)

参见此示例

FIDDLE

$(document).ready(function() {


    var arr = [[11, 123, 1236, "Acura"], [45, 92, 1067, "Alfa Romeo"],
        [24, 104, 1176, "AM General"], [50, 23, 610, "Aston Martin Lagonda"],
        [18, 17, 539, "Audi"], [7, 89, 864, "BMW"], [2, 13, 1026, "Bugatti"]];

    var plot2 = $.jqplot('chart', [arr], {
        /*seriesDefaults:
           {

        },*/
        series: [

            { 
                    renderer: $.jqplot.BubbleRenderer,
                    rendererOptions: {
                                 bubbleAlpha: 0.6,
                                 highlightAlpha: 0.8
                            },
                    shadow: true,
                    shadowAlpha: 0.05
            }],
        axesDefaults: {
            tickRenderer: $.jqplot.CanvasAxisTickRenderer,
        },
        axes: {
            xaxis: {
                renderer: $.jqplot.CategoryAxisRenderer,
                  label: 'X axis Label'
            },
            yaxis: {
                autoscale: true,
                  label: 'Y axis label'
            }
        }
    });
});