Javascript 能否使用chart.js更改条形图数据集的图例样式?
我正在使用chart.js 2.9.4 我有一个组合的线和条形图。线数据集对点使用菱形(“rectrot”)。 在图例中,我希望条形数据集保留为默认矩形,但线条数据集使用菱形样式Javascript 能否使用chart.js更改条形图数据集的图例样式?,javascript,json,charts,chart.js,chart.js2,Javascript,Json,Charts,Chart.js,Chart.js2,我正在使用chart.js 2.9.4 我有一个组合的线和条形图。线数据集对点使用菱形(“rectrot”)。 在图例中,我希望条形数据集保留为默认矩形,但线条数据集使用菱形样式 options: { aspectRatio: 1.77778, legend: { display: chart.displayLegend, labels: { usePointStyle: true, boxWidth
options: {
aspectRatio: 1.77778,
legend: {
display: chart.displayLegend,
labels: {
usePointStyle: true,
boxWidth: 14,
fontSize: 14,
fontStyle: 'bold',
fontColor: '#404040'
},
position: 'bottom'
}
...
我已将usePointStyle设置为true,这将为我的直线数据集将图例设置为菱形。但是,条形数据集图例现在已变成圆形而不是矩形。我尝试为我的条形数据集设置pointStyle:'rect'
,但没有效果
是否可以对条形数据集使用usePointStyle,还是仅对线条数据集使用?
如果是这样,是否可以使用函数根据数据集的类型设置usePointStyle的值?目前实现这一点的唯一方法是在图例选项中设置pointstyle选项,如下所示:
options: {
plugins: {
legend: {
labels: {
usePointStyle: false,
pointStyle: 'cross',
}
},
}
}
这样做的缺点是,它将计算所有数据集
我已经在chart.js中加入了一个pull请求,以允许在barChart数据集配置中提供一个pointStyle,这样您就可以拥有多种样式
Github问题: