Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jqplot:条形图的图例数据格式_Javascript_Jquery_Jqplot - Fatal编程技术网

Javascript jqplot:条形图的图例数据格式

Javascript jqplot:条形图的图例数据格式,javascript,jquery,jqplot,Javascript,Jquery,Jqplot,我无法使用给定jqplot所需的所有项目创建图例 我第一次使用jqplot时,很难以正确的格式绘制条形图数据数组。我已经找到了解决方案,但我没有我需要的图例标签 var chartData = [ [ ['Portfolio Risk', 1], ['Model Risk', 4], ['Recovery Risk', 1], ['Capability Risk', 1], ['Process Risk',

我无法使用给定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
    },
});
JSFIDLE在这里: 您可以在图例中看到缺少的标签(应该有更多项)。
我试图用不同的格式创建
记号
数组,但没有成功。

你的记号没有旋转,因为你没有包含一些
。请看

您的图例缺少一些标签,因为您的
图表数据
(数组)不正确


这是工作代码

你只有一个系列,这就是为什么你只看到一个传奇项目。你能帮我解决这个问题吗?我是说,你能告诉我定义图表数据的正确方法吗?我需要6个条带,每个条带不同的颜色,代表它自己的项目?这很好,但是有没有办法在一个数组中定义所有内容而不是系列1,系列2等。由于数据来自服务器端,这将更容易,我不想创建五个或更多不同的变量。我似乎可以这样定义它:var系列=[[['组合风险',1]],[['模型风险',4]],[[['恢复风险',1]],[['能力风险',1]],[[['远期流动风险',5]];,是吗?还有一件事,legend没有与标签相同的值,如何解决这个问题?@renathy你的第二个评论是正确的!你问过如何更改legend的标签吗?我修复了legend为legend创建额外数组的问题。现在我有一个问题,我不能使所有的酒吧都在中心。例如,在您的示例中,第一个条位于左侧,但所有条都应居中。