0

在 Laravel 5.6 / vuejs 2.5 应用程序中,我使用 vue-chartjs,但我的图表看起来像: https ://imgur.com/a/ru1dXlm 我想要更多:

  • 有几个项目(在我的情况下是艺术家)我想看到它们是半透明的,就像这里的第一个例子一样http://demo.vue-chartjs.org/
  • 具有如上面链接中第一个示例所示值的点
  • 我需要在这里查看 x 方向的所有标签(我填写标签参数)
  • 如果有上面链接的演示示例的源代码 > 我搜索并没有找到...

谢谢!

4

1 回答 1

0

嗯,你应该在 chart.js 和 vue-chart.js 的文档中找到你需要的一切

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

这是一个教程:

https://hackernoon.com/creating-stunning-charts-with-vue-js-and-chart-js-28af584adc0a?source=user_profile---------5--------- --------

这是 vue-chartjs 演示页面的源代码:

https://github.com/apertureless/vue-chartjs-demo (这有点过时,因为 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],
     },
   ],
 }
于 2018-05-03T14:08:09.810 回答