Vue chartjs 关于vue chartjs的一些问题

在Laravel 5.6/vuejs 2.5应用程序中，我使用vue chartjs，但我的图表如下所示： 我还要一些：

• 有几个项目（在我的例子中是艺术家），我希望看到它们是半透明的，就像这里的第一个例子一样
• 在上面的链接处具有如第一个示例所示的值的点
• 我需要在这里看到x方向上的所有标签（我填充标签参数）
• 如果有上面链接的演示示例的源代码>我搜索了，但没有找到

---

谢谢

那么，您应该可以在chart.js和vue-chart.js的文档中找到所需的一切

可以添加rgb值作为背景色，使其透明。 也可以将渐变用作画布元素

以下是一个教程：

以下是vue chartjs演示页面的源代码：

（它有点过时，因为v3中图表组件的创建有点改变）

---

看来你没有正确填写标签

{
   labels: ['Here', 'are', 'your', 'x-axis', 'labels'],
   datasets: [
     {
       label: 'artist 1',
       backgroundColor: 'rgba(75, 192, 192, 0.2)',
       data: [0, 1, 2, 3, 4],
     },
      {
       label: 'artist 2',
       backgroundColor: 'rgba(255, 99, 132, 0.2)',
       data: [0, 1, 2, 3, 4],
     },
   ],
 }