关于vue-chartjs的一些问题

Question

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

• 有几个项目（在我的情况下是艺术家）我希望看到它们是半透明的，就像在这里的第一个例子http://demo.vue-chartjs.org/
• 在上面的链接中具有如第一个示例中所示的值的点
• 我需要在这里看到x方向的所有标签（我填充标签参数）
• 如果上面链接的演示示例的源代码＆gt;我搜索过但没找到...

谢谢！

Answer 1

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

• http://www.chartjs.org/docs/latest/
• http://vue-chartjs.org/#/home?id=resources

您可以添加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一样有点过时，图表组件的创建有所改变）

您似乎没有正确填写标签。

window.onload = function() {
  var spans = document.getElementsByTagName('main')[0];
  var res = /[0-9]+/;
  var match = res.exec(spans.outerHTML);
  console.log(match);
}