jqplot:yaxis标签没有显示

时间:2013-03-19 15:08:34

标签: jqplot

我的问题

使用jqplot我制作了一个水平堆积条形图。图表运行正常,我遇到的唯一问题是y轴上的标签没有显示。您将提供的任何帮助将不胜感激!

我尝试了什么

  • 我已经尝试弄乱填充和包含我的图表的div的大小,以查看我的标签是否可能掉落或其他东西。情况似乎并非如此。

  • 我已经仔细检查了CanvasAxisLabelRenderer插件的位置。除非我遗漏了什么,否则这应该是正确的。

  • 我能够在x轴上获得标签,但在y轴上使用相同的代码无效。

我的代码

$(document).ready(function() {
    var x1 = [[1,1]];
    var x2 = [[1,1]];
    var xbenchmark = [[1,1],[1,1]];
    var xuworganisatie = [[1.5,1],[1.5,1]];

    var plot2 = $.jqplot('thema2chart', [x1, x2, xbenchmark, xuworganisatie], {
        stackSeries: true,
        seriesDefaults: {
            renderer: $.jqplot.BarRenderer,
            rendererOptions: {barDirection: 'horizontal'},
            pointLabels: {show: false, stackedValue: true}
        },
        gridPadding: {top:50, right:15, bottom:50, left:0},
        series: [
        {shadow: false, color:'#ddd9da'},
        {shadow: false, color:'#908e8e'},
        { 
            shadow: false,
            disableStack : false,//otherwise it wil be added to values of previous series
            renderer: $.jqplot.LineRenderer,
            lineWidth: 2,
            color:'#666666',
            showLine:false, 
            pointLabels: {show: false},
            markerOptions: {size: 7, style:"plus" 
            }},
            { 
                 shadow: false,
                     disableStack : true,//otherwise it wil be added to values of previous series
            renderer: $.jqplot.LineRenderer,
            lineWidth: 2,
            color:'#b4d2dd',
            showLine:false, 
            pointLabels: {
                show: false
            },
            markerOptions: {
                size: 7, style:"plus" 
            }}],
        axes: {
            yaxis: {
                renderer: $.jqplot.CategoryAxisRenderer,
                labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
                label:'Missing'
                }
            ,
            xaxis: {
                label:'Showing',
                min: 0,
                max: 2,
                tickOptions:{showGridline:false, formatString: "%#.0f", show:false},
                tickInterval: 1
                },          
        }
    });
});

1 个答案:

答案 0 :(得分:0)

试试这个

axes: {
        yaxis: {
            label:'Hopefuly showing',
            renderer: $.jqplot.CategoryAxisRenderer,
            labelRenderer: $.jqplot.CanvasAxisLabelRenderer

            }
        ,
        xaxis: {
            label:'Showing',
            min: 0,
            max: 2,
            tickOptions:{showGridline:false, formatString: "%#.0f", show:false},
            tickInterval: 1
            },          
    }