Создание цветовой базы тепловых карт по кликам в Stack Overflow

Я хочу создать тепловую карту на основе кликов для моего сайта в php.

Я сделал массив, как показано ниже, и нормализовал количество кликов между 0,1 (1 для ссылки с наибольшим количеством кликов):

0 => [
'count' => 290
'normalCount' => 1 //normalized count between 0,1
'link' => 'page/252'
'color' => 'rgb(255, 255, 0)'
]
1 => [
'count' => 277
'normalCount' => 0.95501730103806 //normalized count between 0,1
'link' => '/page/255'
'color' => 'rgb(255, 243.52941176471, 0)'
]
]
2 => [
'count' => 200
'normalCount' => 0.68858131487889
'link' => '/fa/page/253'
'color' => 'rgb(255, 175.58823529412, 0)'
]
]

Я использовал алгоритм в этот вопрос и передал NormalCount индекс массива, чтобы получить цвет каждой ссылки.

Но он не генерирует правильный цвет, например, для ссылки «page / 252» с normalCount 1, я ожидаю красный цвет (самый теплый), но теперь он желтый.

Ниже моя функция для генерации цвета:

$value = $myArray[$i]['normalCount']
$ratio = $value;
if ($min > 0 || $max < 1) {
if ($value < $min) {
$ratio = 1;
} else if ($value > $max) {
$ratio = 0;
} else {
$range = $min - $max;
$ratio = ($value - $max) / $range;
}
}

$hue = ($ratio * 1.2) / 3.60;
$rgb = $this->ColorHSLToRGB($hue, 1, .5);

$r = round($rgb['r'], 0);
$g = round($rgb['g'], 0);
$b = round($rgb['b'], 0);

return "rgb($r,$g,$b)";

0

Решение

Я решил свою проблему, используя эта ссылка.

это моя функция:

    $color = [
[0, 0, 255, '0.0f'],      // Blue.
[0, 255, 255, '0.25f'],     // Cyan.
[0, 128, 0, '0.5f'],      // Green.
[255, 255, 0, '0.75f'],     // Yellow.
[255, 0, 0, '1.0f'],
];
for ($i=0; $i <count($color) ; $i++) {
$currC = $color[$i];
if($value < $currC[3]) {
$prevC  = $color[ max(0,$i-1)];
$valueDiff    = ($prevC[3] - $currC[3]);
$fractBetween = ($valueDiff==0) ? 0 : ($value - $currC[3]) / $valueDiff;
$red   = ($prevC[0] - $currC[0])*$fractBetween + $currC[0];
$green = ($prevC[1] - $currC[1])*$fractBetween + $currC[1];
$blue  = ($prevC[2] - $currC[2])*$fractBetween + $currC[2];
return "rgb($red,$green,$blue)";
}
}
return "rgb(255, 0, 0)";
1

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]