Javascript jqplot:条形图的图例数据格式
我无法使用给定jqplot所需的所有项目创建图例 我第一次使用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',
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创建额外数组的问题。现在我有一个问题,我不能使所有的酒吧都在中心。例如,在您的示例中,第一个条位于左侧,但所有条都应居中。