Я хочу создать переменную для цвета градиента в моем laravel 6 Homecontroller - PullRequest
0 голосов
/ 16 апреля 2020

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

вот мой Домашний контроллер

    $chartColor = `<style>
        var {
            color: #ffffff;
        }
    </style>`;



    $gradientStroke = `<script>
     var ctx = document.getElementById('chart').getContext("2d");

     var gradientStroke = ctx.createLinearGradient(500, 0, 100, 0);
     gradientStroke.addColorStop(0, '#80b6f4');
     gradientStroke.addColorStop(1, chartColor);
    </script>`;

    $gradientFill = `<script>
    var ctx = document.getElementById('chart').getContext("2d");

    var gradientFill = ctx.createLinearGradient(0, 200, 0, 50);
    gradientFill.addColorStop(0, "rgba(128, 182, 244, 0)");
    gradientFill.addColorStop(1, "rgba(255, 255, 255, 0.24)");

    </script>`;

    $chartjs = app()->chartjs
    ->name('lineChartTest')
    ->type('line')
    ->size(['width' => 684, 'height' => 180])
    ->labels(['January', 'February', 'March', 'April', 'May', 'June', 'July'])
    ->datasets([
        [
            "label" => "My First dataset",
            'backgroundColor' => $chartColor,
            'borderColor' => $chartColor,
            "pointBorderColor" => "#FFF",
            "pointBackgroundColor" => "#1e3d60",
            "pointHoverBackgroundColor" => $chartColor,
            "pointHoverBorderColor" => "rgba(220,220,220,1)",
            "pointBorderWidth"=> 1,
            "pointHoverRadius"=> 7,
            "pointHoverBorderWidth"=> 2,
            "pointRadius"=> 5,
            "fill"=> true,
            "backgroundColor" => $gradientFill,
            "borderWidth"=> 2,
            'data' => [65, 59, 80, 81, 56, 55, 40],
        ],

Вот фрагмент моего home.blade. php для рендеринга диаграммы

<div id="chart1" style="width:95%;">
  {!! $chartjs->render() !!}
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...