Marker space issue
Marker space issue - Equal space required.
by ElanchezhiyanP
October 28, 2021
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: "Mito Dose Response - Inhibitor",
title: {
text: "Mito Dose Response - Inhibitor"
},
//axisY: Yaxis,
axisX: {
title: "Dose (M)",
titleFontColor: "black",
minimum: 1.7578124999999998e-7, //fnMinMaxval('min', 4.5e-7),
maximum: 0.00010999999999999999, //fnMinMaxval('max', 0.00000275),
interval: 2.20E-05,
titleFontSize: 12,
labelFontSize: 12,
tickLength: 15,
labelBackgroundColor: "white",
labelBorderColor: "white",
labelBorderThickness: 12,
logarithmic: false,
logarithmBase: 10,
labelFormatter: ''
},
data: [{
type: "scatter",
legendMarkerBorderColor: "#F58230",
legendMarkerBorderThickness: 9,
legendMarkerType: "square",
lineColor: "#F58230",
lineThickness: 1,
name: "BAM15",
dataPoints: [{
compoungroup: "BAM15 100.000 µM",
markerColor: "#F58230",
markerSize: 7,
x: 0.00009999999999999999,
y: 3.429602917842381
},
{
compoungroup: "BAM15 50.000 µM",
markerColor: "#F58230",
markerSize: 7,
x: 0.000049999999999999996,
y: 4.117345434434208
},
{
compoungroup: "BAM15 25.000 µM",
markerColor: "#F58230",
markerSize: 7,
x: 0.000024999999999999998,
y: 4.048579168152253
},
{
compoungroup: "BAM15 12.500 µM",
markerColor: "#F58230",
markerSize: 7,
x: 0.000012499999999999999,
y: 8.499450130143664
},
{
compoungroup: "BAM15 6.250 µM",
markerColor: "#F58230",
markerSize: 7,
x:...