Trial Summary

Ashish Prasad

by Kesav Telaprolu

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/6.1.1/highcharts.js"></script>
<div id="container" style="min-width: 310px; height: 688px; max-width: 1200px; margin: 0 auto;overflow:auto;"></div>

JavaScript

(input => {

var max = 100, min = 0;

var maxValue = [
    Math.max.apply(Math, input.chartData.dataSeries[0].data),
    input.chartData.dataSeries[1].Top25Pctile,
    input.chartData.dataSeries[2].Top50Pctile
];
maxValue.sort(function (a, b) { return b - a });
max = Math.round((parseInt((maxValue[0] * 1.1) / 10, 10) + 1) * 10);
if (max > 100) {
    max = 100;
}
var measureColors, fontColor;
var chartwidth , marginright , footerwidth ;
var dataSeries1 = [
    {
        data: []
    }
];
for (var item = 0; item < input.chartData.dataSeries[0].data.length; item++) {

    if (input.chartData.dataSeries[1].Top25Pctile == '' && input.chartData.dataSeries[2].Top50Pctile == '') {
        measureColors = "rgb(255,255,255)";
        fontColor = "rgb(255,255,255)";
    }
    else if (input.chartData.dataSeries[0].data[item] > input.chartData.dataSeries[1].Top25Pctile) {
        measureColors = "#93c01f";
        fontColor = "rgb(255,255,255)";
    }
    else if ((input.chartData.dataSeries[0].data[item] >= input.chartData.dataSeries[2].Top50Pctile) && (input.chartData.dataSeries[0].data[item] <= input.chartData.dataSeries[1].Top25Pctile)) {
        measureColors = "#f6be00";
        fontColor = "rgb(255,255,255)";
    }
    else if (input.chartData.dataSeries[0].data[item] < input.chartData.dataSeries[2].Top50Pctile) {
        measureColors = "#e20613";
        fontColor = "rgb(255,255,255)";
    }

    dataSeries1[0].data.push({
        y: 5, color: measureColors, dataLabels: {
            enabled: true,
            format: input.chartData.dataSeries[0].data[item].toString(),
            color: fontColor,
            style: {
                textShadow: false,
                textOutline: false,
                fontWeight: 'normal',
                fontSize: '18px',
                fontFamily: 'KantarBrownWeb-Bold'
            }
        }
    })
   
  
    if (input.chartData.dataSeries[0].data.length == 1) { marginright = 700; }
}
  chartwidth =...