Question

我无法使用给定jqplot所需的所有项目创建图例。

我正在使用jqplot第一次，我很难以正确的格式创建条形图数据数组。我已经找到了解决方案，但不是我没有我需要的传奇标签。

var chartData = [
    [
        ['Portfolio Risk', 1],
        ['Model Risk', 4],
        ['Recovery Risk', 1],
        ['Capability Risk', 1],
        ['Process Risk', 1],
        ['Forward flow risk', 5]
    ]
];

//var ticks = ['Portfolio Risk'], ['Model Risk'], ['Recovery Risk'], ['Process Risk'], ['Forward flow risk'];

plot2 = $.jqplot('chart1', chartData, {
    seriesColors: ['#85802b', '#00749F', '#73C774', '#C7754C', '#17BDB8'],
    seriesDefaults: {
        renderer: $.jqplot.BarRenderer,
        rendererOptions: {
            // Set the varyBarColor option to true to use different colors for each bar.
            // The default series colors are used.
            varyBarColor: true
        }
    },
    axesDefaults: {
        tickRenderer: $.jqplot.CanvasAxisTickRenderer,
        tickOptions: {
            fontSize: '10pt'
        }
    },
    axes: {
        xaxis: {
            renderer: $.jqplot.CategoryAxisRenderer,
            tickOptions: {
                angle: 90
            },
            //ticks: ticks

        },
        yaxis: {
            //renderer: $.jqplot.CategoryAxisRenderer                    
            tickOptions: {
                stringFormat: "%d"
            }
        },
    },
    legend: {
        show: true,
        placement: 'outside',
        //labels: ticks
    },
});

JSFiddle在这里：http://jsfiddle.net/renatevidruska/7dn86/ 您可以在图例中看到缺少的标签（应该有更多项目）。我试图使用不同的格式创建ticks数组，但没有成功。

Answer 1

由于您未包含部分<script>，因此您的勾号不会轮播。请参阅an example of tick。

由于您的chartData（数组）不正确，您的图例缺少一些标签。 Here is an example of legend。

这是工作代码。 http://jsfiddle.net/7dn86/3/

jqplot：条形图的图例数据格式

1 个答案: