HeatMapChart

This example shows how to create beautiful HeatMapChart

Metric_name	w1__Metric_y	w2__Metric_y	w3__Metric_y	w4__Metric_y	w5__Metric_y	w6__Metric_y	w7__Metric_y	w8__Metric_y	w9__Metric_y	w10__Metric_y	w11__Metric_y	w12__Metric_y	w13__Metric_y	w14__Metric_y	w15__Metric_y	w16__Metric_y	w17__Metric_y	w18__Metric_y
Metric1	0	47	66	23	34	17	88	46	48	23	9	74	81	41	22	22	17	29
Metric2	9	73	48	76	67	7	49	11	78	42	42	40	21	1	2	90	83	71
Metric3	51	70	56	31	34	24	32	58	33	4	48	14	41	29	17	5	89	49
Metric4	8	90	39	63	16	49	90	17	62	36	39	67	16	73	73	8	2	12
Metric5	58	34	22	46	47	9	89	31	69	24	60	83	42	40	83	42	88	29
Metric6	72	78	67	50	75	48	27	31	28	40	51	59	5	44	41	0	63	35
Metric7	40	85	11	38	26	37	22	33	64	85	1	43	74	48	11	36	11	73
Metric8	35	6	54	30	23	35	28	56	18	25	90	17	60	46	71	11	32	20
Metric9	27	15	87	66	53	47	44	33	26	35	37	39	29	32	9	66	37	0


$data_transpose = \koolreport\core\Utility::transpose($data);

Metric_name	Metric1	Metric2	Metric3	Metric4	Metric5	Metric6	Metric7	Metric8	Metric9
w1__Metric_y	0	9	51	8	58	72	40	35	27
w2__Metric_y	47	73	70	90	34	78	85	6	15
w3__Metric_y	66	48	56	39	22	67	11	54	87
w4__Metric_y	23	76	31	63	46	50	38	30	66
w5__Metric_y	34	67	34	16	47	75	26	23	53
w6__Metric_y	17	7	24	49	9	48	37	35	47
w7__Metric_y	88	49	32	90	89	27	22	28	44
w8__Metric_y	46	11	58	17	31	31	33	56	33
w9__Metric_y	48	78	33	62	69	28	64	18	26
w10__Metric_y	23	42	4	36	24	40	85	25	35
w11__Metric_y	9	42	48	39	60	51	1	90	37
w12__Metric_y	74	40	14	67	83	59	43	17	39
w13__Metric_y	81	21	41	16	42	5	74	60	29
w14__Metric_y	41	1	29	73	40	44	48	46	32
w15__Metric_y	22	2	17	73	83	41	11	71	9
w16__Metric_y	22	90	5	8	42	0	36	11	66
w17__Metric_y	17	83	89	2	88	63	11	32	37
w18__Metric_y	29	71	49	12	29	35	73	20	0


\koolreport\apexcharts\HeatMapChart::create(array(
    "dataSource" => $data_transpose,
    "columns" => $data_transpose[0],
));