Как я могу установить выбор даты на графике JS в проекте Laravel - PullRequest
1 голос
/ 09 мая 2019

Я хочу установить указатель даты в верхней части моего графика, чтобы выбрать диапазон дат, и я не знаю, как я могу это сделать

Теперь у меня есть график, который показывает количество моих сообщений на каждомдень в месяце, и я хочу иметь диапазон дат для отображения сообщений этого диапазона

, и это мой контроллер

public function home()
{
    $articles = Article::select('id', 'created_at')
        ->get()
        ->groupBy(function($date) {
            return Carbon::parse($date->created_at)->format('m'); // grouping by months
        });
    $chartOptions = [
        'scales' => [
            'yAxes' => [
                [
                    'ticks' => [
                        'beginAtZero' => true,
                    ],
                ],
            ],
        ],
    ];
    $chartjs = app()->chartjs
        ->name('lineChartTest')
        ->type('bar')
        ->size(['width' => 400, 'height' => 200])
        ->labels(['Feb','Mar','Apr','May','June','July','Aug','Sept','Sept','Nov'])
        ->datasets([
            [
                "label" => "My Second dataset",
                'backgroundColor' => "rgba(138, 22, 54, 0.31)",
                'borderColor' => "rgba(138, 125, 154, 0.7)",
                "pointBorderColor" => "rgba(38, 285, 14, 0.7)",
                "pointBackgroundColor" => "rgba(38, 185, 154, 0.7)",
                "pointHoverBackgroundColor" => "#fff",
                "pointHoverBorderColor" => "rgba(120,20,220,1)",
                'data' => [$articles['02']->count(), $articles['03']->count(), $articles['04']->count(), $articles['05']->count(), $articles['06']->count(), $articles['07']->count(), $articles['08']->count(), $articles['09']->count(), $articles['10']->count(), $articles['11']->count()],
                "borderWidth" => 3,
                "beginAtZero" => true
            ]

        ])->options($chartOptions);



    return view('app.index', compact('chartjs','articles'));



}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...