Как установить график js на Laravel? - PullRequest
Новая
       12

Как установить график js на Laravel?

1 голос
/ 07 февраля 2020

Я бы хотел плавно установить диаграмму js в моих Laravel проектах, используя npm install, добавить конфигурацию для веб-пакета и посмотреть на моей странице индекса пример с диаграммой js.

При первой попытке я получил эту ошибку в браузере, возможно, я неправильно настраиваю веб-пакет. 

Uncaught ReferenceError: Chart is not defined
    at (index):134

Поэтому я скопировал и вставил это требование, которое я нашел на диаграмме js сделать c интеграция: 

require(['path/to/chartjs/dist/Chart.min.js'], function(Chart){
    var myChart = new Chart(ctx, {...});
});

I и получил эту ошибку на npm run dev: 

ERROR in ./resources/js/app.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /home/sa/laravelproject/resources/js/app.js: Unexpected token (37:37)

  35 | 
  36 | require(['path/to/chartjs/dist/Chart.min.js'], function(Chart){
> 37 |     var myChart = new Chart(ctx, {...});
     |                                      ^
  38 | });

1 Ответ

0 голосов
/ 08 февраля 2020

Я бы использовал эту библиотеку https://github.com/ConsoleTVs/Charts.

Выполнить ... 

composer require consoletvs/charts

Затем опубликовать sh файл конфигурации: 

php artisan vendor:publish --tag=charts_config

В конфиге / диаграммах. php укажите тип диаграммы: 

'default_library' => 'Chartjs',

Установка: 

npm i chart.js

Оттуда следуйте инструкциям по созданию диаграммы.

https://charts.erik.cat/create_charts.html#create -a-chart-class

...