javascript ChartJS条形图,带有与每个条形相对应的图例

cbeh67ev  于 2022-12-10  发布在  Java
关注(0)|答案(1)|浏览(142)

我正在努力理解ChartJS文档中关于条形图的内容。对我来说,它没有任何意义,因为顶部的标签看起来似乎只适用于第一个条形图(基于颜色),而在另一种意义上,它适用于整个图表(它是唯一一个不在工具提示中的标签,它位于前面和中间)

我一直在努力使它更像他们的折线图,它显示了一个带有标签的图例和一个与图表上的每条线相关的彩色正方形。(他们没有多线图表的示例,但它确实是这样工作的)。
数据对象中的labels属性转换为条形图旁边的值,例如labels: ['36%', '10%', '18%', '34%', '0%', '2%']

我希望在顶部有一个图例,指示浅绿色是苹果,灰色是橙色,绿色是梨,等等,但我已经得到的最接近的是提供data.datasets一个对象数组,并制作标签和数组,这只会产生一组条,如示例here

3qpi33ja

3qpi33ja1#

方法是在数据集中创建多个项目,每个项目只包含一个类别的数据。您可以有一个名为stock的顶级标签,然后为每个类型创建单独的数据集。
第一个

相关问题