Jquery 如何更改jqplot堆叠水平条形图上的标签

Jquery 如何更改jqplot堆叠水平条形图上的标签,jquery,jqplot,bar-chart,Jquery,Jqplot,Bar Chart,我正在使用jqplot创建一个堆叠的水平条形图,代码如下所示: perc_data = [[[6, "1"]], [[92, "1"]], [[1, "1"]], [[1, "1"]]]; series_array = [ { label: "Mud", color: "#ccaa00"}, { label: "Sand", color: "#ffeecc"}, { label: "Gravel", color: "#dddddd"}, { label: "R

我正在使用jqplot创建一个堆叠的水平条形图,代码如下所示:

perc_data = [[[6, "1"]], [[92, "1"]], [[1, "1"]], [[1, "1"]]];
series_array = [ { label: "Mud", color: "#ccaa00"}, { label: "Sand", color: "#ffeecc"}, 
                 { label: "Gravel", color: "#dddddd"}, { label: "Rock", color: "#664400"} ];
var perc_chart = $.jqplot('perc_div', perc_data, {
    stackSeries: true,
    seriesDefaults: {
        renderer:$.jqplot.BarRenderer,
        shadowAngle: 135,
        rendererOptions: {  barWidth: 25,
                            barDirection: 'horizontal',
        }
    },
    series: series_array,
    axes: {
        yaxis: {
            renderer: $.jqplot.CategoryAxisRenderer,
            rendererOptions: {  tickRenderer: $.jqplot.AxisTickRenderer, 
                                tickOptions: {  mark: null,
                                                fontSize: 12
                                             }
            }
        },
        xaxis: {
            min: 0,
            max: 100,
            numberTicks: 6
        }
    },
    grid: {
        drawGridlines: false,
        drawBorder: false,
        shadow: false
    }
});
生成的条形图如下所示:

我接下来要做的是将酒吧的标签从“1”更改为“我的标签”。 我本以为我可以简单地将perc_数据从其原始值更改为以下值:

perc_data = [[[6, "My Label"]], [[92, "My Label"]], [[1, "My Label"]], [[1, "My Label"]]];
但这会导致空条形图:

有人能告诉我我做错了什么,我可以如何调整这个标签

谢谢。

使用:


顺便说一句,
{label=“Mud”,color=“#ccaa00”}
无效javascript应该是
{label:“Mud”,color:#ccaa00”}

谢谢!(感谢您捕捉到js打字错误——这是简化本例代码的一部分——我已经用您的修复程序更新了我的示例。)+1@mark这帮助我了解了如何限制为100(我一直在尝试使用forceTickAt100:true,但它不起作用。)谢谢
perc_data = [[[6, "1"]], [[92, "1"]], [[1, "1"]], [[1, "1"]]];
ticks = ["My Label"];

series_array = [ { label:'Mud', color:"#ccaa00"}, { label:"Sand", color:"#ffeecc"}, { label:"Gravel", color:"#dddddd"}, { label:"Rock", color:"#664400"} ];

var perc_chart = $.jqplot('chart1', perc_data, {
    stackSeries: true,
    seriesDefaults: {
        renderer:$.jqplot.BarRenderer,
        shadowAngle: 135,
        rendererOptions: {  barWidth: 25,
                            barDirection: 'horizontal',
        }
    },
    series: series_array,
    axes: {
        yaxis: {
            renderer: $.jqplot.CategoryAxisRenderer,
            rendererOptions: {  tickRenderer: $.jqplot.AxisTickRenderer, 
                                tickOptions: {  mark: null,
                                                fontSize: 12
                                             }
            },
            ticks: ticks
        },
        xaxis: {
            min: 0,
            max: 100,
            numberTicks: 6
        }
    },
    grid: {
        drawGridlines: false,
        drawBorder: false,
        shadow: false
    }
});