Некоторые вопросы относительно vue-chartjs

Question

В приложении Laravel 5.6 / vuejs 2.5 я использую vue-chartjs, но мои диаграммы выглядят так: https://imgur.com/a/ru1dXlm Я хочу еще:

• с несколькими предметами (художники в моем случае), я хочу видеть их полупрозрачными, как в первом примере здесь http://demo.vue -chartjs.org /
• имеет точки со значениями, показанными как в первом примере по ссылке выше
• Мне нужно увидеть все метки в x-направлении (здесь я заполняю параметр меток)
• Если есть исходный код демонстрационных примеров по ссылке выше> Я искал и не нашел ...

Спасибо!

Answer 1

Ну, вы должны найти все, что вам нужно, в документации к chart.js и vue-chart.js

• http://www.chartjs.org/docs/latest/
• http://vue -chartjs.org / # / дом? ID = ресурсы

Вы можете добавить значения 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],
     },
   ],
 }