【问题标题】:Chart.js bar chart bars and labels do not alignChart.js 条形图条形图和标签不对齐
【发布时间】:2014-03-10 03:03:28
【问题描述】:
我正在使用 Chart.js 将一些数据显示为条形图。该数据的一个示例是:
{纽约:29033,旧金山[:33432,俄克拉荷马城:38202}等
当我将这些数据集与 Chart.js 一起使用来创建条形图时,图表的条形显示为被挤压在一起,而标签也被挤压在一起,或者相距太远,具体取决于创建的标签数量.
有没有办法对齐条形图和标签,使它们同样适合?
【问题讨论】:
标签:
jquery
alignment
chart.js
labels
【解决方案1】:
默认情况下,您的条形图具有某些设置,您可以在配置实例时覆盖这些设置。更改 barValueSpacing 以执行此操作。
Bar.options = { //How it looks in the ChartJS library...
// ...
barValueSpacing : 5, //Number - Spacing between data sets within X values
// ...
}
http://www.chartjs.org/docs/
查看文档了解更多设置。