whisker length issue
whisker length issue - CanvasJS JavaScript Charts
by ElanchezhiyanP
April 06, 2022
HTML
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>
JavaScript
window.onload = function() {
var chart = new CanvasJS.Chart("chartContainer", {
exportEnabled: true,
zoomEnabled: true,
zoomType: "xy",
exportFileName: "Dose-Response",
title: {
text: ""
},
axisY: {
gridThickness: 0,
interval: 3,
labelFontFamily: " \"Noto Sans\", sans-serif",
labelFontSize: 12,
lineColor: "black",
maximum: 9.14292859678004,
minimum: -4.651732857392856,
stripLines: [{
color: "transparent",
label: "Dummy Long Label",
labelBackgroundColor: "transparent",
labelFontColor: "transparent",
labelFontSize: 17,
labelMaxWidth: 250,
labelPlacement: "outside",
value: 1
},
{
color: "black",
value: 0
}
],
title: "OCR (pmol/min/1000 Cells)",
titleFontColor: "black",
titleFontSize: 12,
titleMaxWidth: "107px"
},
axisX: {
title: "Dose (M)",
titleFontColor: "black",
minimum: 1e-8,
maximum: 0.001,
interval: 0.00002327312,
titleFontSize: 12,
labelFontSize: 12,
tickLength: 13,
lineColor: "black",
lineThickness: 0.7,
labelBackgroundColor: "white",
labelBorderColor: "white",
labelBorderThickness: 12
},
data: [{ //"circle", "square", "cross", "none"
legendMarkerBorderColor: "#FF0000",
legendMarkerBorderThickness: 9,
legendMarkerType: "square",
lineColor: "#FF0000 ",
lineThickness: 1,
name: "Rot",
showInLegend: false,
thickness: 0,
toolTipContent: "<span>Dose</span>: {x} <span>OCR</span>: {y} <br>",
type: "line",
visible: false,
dataPoints: [{
x: 0,
y: -1.0947122314141369,
compoungroup: "Rot 0.00 M",
markerColor: "#FF0000",
markerSize: 7,
Isvehrot: true
}]
},
{
name:...