使用chart.js在条形图的左侧和右侧添加标签（类别类型）？

有没有办法在水平条形图的左右两侧都放置标签

标签属于“类别”类型，其中数据基本上是两个类别（例如，内向-外向）之间的测量值，因此1分更接近左侧的“内向”，10分更接近右侧的“外向”

附上我现在得到的截图——标签只在左边，所以我必须通过把“IntrovertedExtroverted”放在左边/右边，而不是把它们放在另一边，间接地显示左边/右边

---

我想做的可能吗？

我建议使用两个yax，一个在左侧，另一个在右侧，用于显示“最小/最大”类别标签

此外，在水平条上提供标签：

var chartData={
标签：[“外向”、“焦虑”、“坚韧”、“独立”]，
数据集：[{
标签：“值”，
背景颜色：“rgba（219,20,0,0.2）”，
边框颜色：“rgba（219,20,0,0.8）”，
数据：[60,80,55,40]，
yAxisID:'y0'
}]
};
var ctx=document.getElementById（“myChart”）.getContext（“2d”）；
var myBar=新图表（ctx{
键入：“水平线”，
数据：图表数据，
选项：{
图例：{display:false}，
比例尺：{
雅克斯：[{
id:“y0”，
体重：1，
位置：“左”，
类型：'类别'，
显示：假，
网格线：{
显示：假
},
滴答声：{
显示：假，
填充：0
}
},{
id:“y1”，
重量:0,，
位置：“左”，
类型：'类别'，
标签：['Intro'，'Low'，'Rec'，'Accom']，
网格线：{
显示：假
}
},{
id:“y2”，
位置：“对”，
类型：'类别'，
标签：['Extra'、'High'、'Tough'、'Independ']，
网格线：{
显示：假
}
}],
xAxes：[{
id:“x1”，
滴答声：{
贝吉纳泽罗：是的
}
}],
},
插件：{
数据标签：{
颜色：“红色”，
对齐：“右”，
主播：“开始”，
格式化程序：函数（值、上下文）{
console.log（上下文）
返回chartData.labels[context.dataIndex]；
}
}
}
}
});
谢谢@beaver--我会尝试一下，然后再报告。@beavery--我现在没有数据标签就完成了。。。它起作用了，只是标签没有正确地与条形对齐。有没有办法调整一下，让“行”排成一行？这里有一个@ScottM-我用另一个选项更新了我的答案solution@ScottM-我更新了示例中的代码（并更正了一些错误），并创建了一个JSFIDLE:。我不知道你们的分类的确切含义，所以我只把它们减少到24个，相当于数据的数量