Я хочу иметь возможность создать переменную цветового градиента в 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>