ChartJS устанавливает цвет точек линейного графика в зависимости от оси Y - PullRequest
Новая
       9

ChartJS устанавливает цвет точек линейного графика в зависимости от оси Y

0 голосов
/ 02 мая 2018

Я пытаюсь сделать то же самое, что и здесь: ChartJS - разные цвета для каждой точки данных

Но в PHP я не могу использовать селекторы javascript, такие как принятые там ответы.

Для построения своих диаграмм я использую PHP-сессии var в SQL-запросе, поэтому необходимо интегрировать код с PHP. У меня есть несколько графиков, которые я загружаю с Ajax с помощью переключателя.

Я инстанцирую значение параметров Chartjs следующим образом: 

$html .= "<p>Results from " . $_SESSION['statDateFrom'] . " to " . $_SESSION['statDateTo'] . "</p>";
    $html .= "<canvas id='myChart' width='400' height='300'>";
    $html .= "</canvas>";
    $html .= $legend;
    $html .= "<script>";
    $html .= "var ctx=document.getElementById('myChart').getContext('2d');";
    $html .= "var myChart = new Chart(ctx, {";
    $html .= "type:'". $type . "',";
    $html .= "data:" . $mydata . ",";
    $html .= "options: " . $options;
    $html .= "});";
    $html .= "</script>";

И график, который я хочу здесь настроить, - это линейный график, на котором я держу только точку. Я хочу закрасить точку разными цветами в зависимости от значения оси Y

Пока я пробовал это: 

$arrDatasets = array(
                array('label' => "event_name",
                      'fill' => false,
                      'showLine' => false,
                      'pointBackgroundColor' => array("#82f827", "#ff4040", "#31698A", "#6666FF","#ff7F50","#fe6b60","#6c1ba1","#97bdd6"),
                      'data' => $datasetR1
                      ));
            $arrReturn = (array('labels' => $labels, 
                    'datasets' => $arrDatasets));
            $mydata = json_encode(($arrReturn));

Передача массива в pointBackgroundColor окончательно меняет цвета точек, но добавляет только цвета к первым результатам!

Как это: chart

Так что, думаю, мне просто нужно выполнить цикл с условиями, но я не знаю, как действовать.

1 Ответ

0 голосов
/ 02 мая 2018

Хорошо, я сделал это с помощью sandyJoshi.

это код: 

foreach($datasetR1 as $value){
                if($value == 1){
                    array_push($intColors, "#82f827");
                }
                elseif($value == 2){
                    array_push($intColors, "#ff4040");
                }
                elseif($value == 3){
                    array_push($intColors, "#31698A");
                }
                elseif($value == 4){
                    array_push($intColors, "#6666FF");
                }
                elseif($value == 5){
                    array_push($intColors, "#ff7F50");
                }
                elseif($value == 6){
                    array_push($intColors, "#fe6b60");
                }
                elseif($value == 7){
                    array_push($intColors, "#6c1ba1");
                }
                elseif($value == 8){
                    array_push($intColors, "#97bdd6");
                }
            }

Спасибо за голосование, кстати, большое сообщество.

...