Javascript Chart.js如何在条形图中对齐两个X轴?
我尝试使用chart.js构建一个简单的条形图,其中有两个x轴:一个在顶部,另一个在底部 问题是双轴标签和栅格未对齐。顶部x轴为“居中对齐”,底部x轴为“左对齐” 请帮我把两个x轴对准中心。谢谢 小提琴:Javascript Chart.js如何在条形图中对齐两个X轴?,javascript,chart.js,Javascript,Chart.js,我尝试使用chart.js构建一个简单的条形图,其中有两个x轴:一个在顶部,另一个在底部 问题是双轴标签和栅格未对齐。顶部x轴为“居中对齐”,底部x轴为“左对齐” 请帮我把两个x轴对准中心。谢谢 小提琴: jsfiddle.net/gtmvkq4n/2/ 截图: 使条形图包含适当的groupSpace、barSpace和barWidth (groupSpace*barSpace)*n+groupSpace=1 如果n是条数,请确保该等式正确,您可能需要查看偏移选项 具有多个数据集的示例: var
jsfiddle.net/gtmvkq4n/2/
截图:
使条形图包含适当的
groupSpace、barSpace和barWidth
(groupSpace*barSpace)*n+groupSpace=1
如果n是条数,请确保该等式正确,您可能需要查看偏移选项 具有多个数据集的示例:
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ['A', 'B', 'C', 'D', 'E'],
datasets: [{
label: 'somelabel',
xAxisID:'bar-x-axis1',
data: [40, 50, 30, 12, 52]
},
{
// ... other dataset...
}]
},
options:{
scales:{
xAxes:[
{
id:'bar-x-axis1',
type:'category',
offset: true // <== that one!
},
{
// ... other X axis...
}]
}
}
});
var myChart=新图表(ctx、{
类型:'bar',
数据:{
标签:['A','B','C','D','E'],
数据集:[{
标签:“somelabel”,
xAxisID:'bar-x-axis1',
数据:[40,50,30,12,52]
},
{
//…其他数据集。。。
}]
},
选项:{
比例:{
xAxes:[
{
id:'bar-x-axis1',
类型:'类别',
offset:true//谢谢你的评论。但是你能解释一下你的答案吗?我在任何chart.js文档中都找不到groupSpace、barSpace、barWidth
。