Javascript jQPlot水平条形图-为Y轴指定名称
我想出来了:Javascript jQPlot水平条形图-为Y轴指定名称,javascript,jqplot,Javascript,Jqplot,我想出来了: 我没有包括jqplot.categoryAxis。一旦我把它包括进去,我就可以让它工作了 谢谢大家 更新: 我的代码在JSFIDLE中工作,所以这是一个CSS问题。请不要理会 我试图在jQPlot中创建一个相当简单的条形图。我在等两个单杠,一个在另一个上面。两者在X轴上均等于1。我希望Y轴的顶部栏有“进行中”标签,底部栏有“2014年4月”标签。我试过很多组合。如果我没有指定记号,那么我会看到两个条。指定记号,或使用所需标签作为Y轴数据点,只会显示两个标签重叠,没有条带。(忽略
我没有包括jqplot.categoryAxis。一旦我把它包括进去,我就可以让它工作了 谢谢大家
更新: 我的代码在JSFIDLE中工作,所以这是一个CSS问题。请不要理会 我试图在jQPlot中创建一个相当简单的条形图。我在等两个单杠,一个在另一个上面。两者在X轴上均等于1。我希望Y轴的顶部栏有“进行中”标签,底部栏有“2014年4月”标签。我试过很多组合。如果我没有指定记号,那么我会看到两个条。指定记号,或使用所需标签作为Y轴数据点,只会显示两个标签重叠,没有条带。(忽略设置超时)提前谢谢 代码如下:
var data = [[1,1],[1,2]];
var ticks = ['In Progress','Mar 2014'];
$(function () {
setTimeout(function(){
var plot1 = jQuery.jqplot ('chartdiv', [data],
{
seriesDefaults: {
renderer:$.jqplot.BarRenderer,
rendererOptions: {
barDirection: 'horizontal'
},
},
axes: {
yaxis: {
renderer: $.jqplot.CategoryAxisRenderer,
ticks: ticks
}
}
});
},
100);
})) 我修改了前面给出的JSFIDLE,添加了以下几行来标记条形图:
注:每个系列的标签都是重复的,以便在一个系列中的两个点上显示相同的标签。先生,这是您想要的吗?这在JSFIDLE中没有做任何事情,但我似乎有一个CSS问题。请参阅之前提供的更新的JSFIDLE链接。
series: [
{
pointLabels:{
show:true,
labels:['Apr 2014', 'Apr 2014']
}
},
{
pointLabels:{
show:true,
labels:['In Progress', 'In Progress']
}
}
]