Jqplot图形中最后一个条形图的情况
Jqplot situation with the last bar in the graph
情况
我试图在最后的xaxis
选项上留出一些空间。
例如:
xaxis. min:-max:6
- 只显示最后一个栏的一半,如果我尝试使用
tickOption
,它不会出现,因为它在画布之外
代码:http://jsfiddle.net/chalien/zEQe7/
感谢
您的数组设置不适合条形图。你不需要告诉渲染的情节,它是点编号1、2、3等……它自己就知道。
只需将数组定义更改为:
[[4, 6, 2, 5, 6]]
无论是否使用min
和max
定义,图形都将正确渲染。
这是完整的代码:
<script type="text/javascript">
$.jqplot('chart2', [[4, 6, 2, 5, 6]],
{ title:'Exponential Line',
seriesDefaults: {
renderer: $.jqplot.BarRenderer,
rendererOptions: {
varyBarColor: true
}
},
axes: {
xaxis: {
max:6,
min:0,
renderer: $.jqplot.LinearAxisRenderer
}
}
});
</script>
相关文章:
- 用chart.js绘制条形图
- d3.js用按钮更新条形图工具提示
- 添加新数据时D3.JS条形图列偏移量
- Chart.js条形图:网格颜色和隐藏标签
- 在条形图中呈现数据AngularJS,如何制作一个好的多条形图
- Chart.js 2.1.2条形图动画问题
- 如何在Extjs5中更改条形图的标签
- d3.js条形图转换无法正常工作
- 从数组在d3中创建条形图时出现问题
- 条形图元素的HTML5 JavaScript锚点
- d3.js组条形图不起作用
- 图表.js:条形图点击事件
- 如何使用chartjs设置条形图中每个条形图的颜色
- Raphael.js条形图及教程
- 对d3堆叠条形图的数据进行排序
- Javascript FLOT组合条形图;以x轴为字符串的折线图
- d3.js条形图未根据单击事件进行更新
- Jqplot图形中最后一个条形图的情况
- D3条形图在所有负值和正值情况下都不能正常工作
- 如何在不重新绘制的情况下更新Highcharts中的条形图