Within my Angular Chart JS Application, I have encountered an issue where having "0" values in my data array seems to affect the functionality of the tooltip for the corresponding bar. Interestingly, changing the "0" values to "0.1" resolves the problem...
This problem specifically occurs in IE10/11, as it works perfectly fine in Firefox.
Does anyone have any suggestions on how to address this issue?
Below is my code snippet and a link to a plunker showcasing the problem: http://plnkr.co/edit/p0bepcBrfQ31EoZsrtso
<body>
<div ng-controller="jsonServerBox">
<ul>
<li ng-repeat="module in ocw.modules" ng-style="{'background-color': module.background, 'color': module.fontcolor, 'border': module.border}">
<div class=""><canvas id="base" class="chart chart-base" widht="" chart-type="module.type" chart-data="module.data" chart-labels="module.labels" chart-series="module.series" chart-colours="module.colors" chart-options="module.options"></canvas></div>
</li>
</ul;
And here is the JSON file:
{"modules":[{
"border":"1px solid rgb(69, 69, 69)",
"background":"rgb(69, 69, 69)",
"fontcolor":"white",
"type":"Bar",
"series":"SeriesA",
"data":[[0, 0.1,20,20]],
"labels":["A","B","S","O"],
"colors":[{
"fillColor":"white",
"strokeColor":"white",
"pointColor":null,
"pointStrokeColor":"",
"pointHighlightFill":"transparent",
"pointHighlightStroke":"white"
}],
"options":{
"scaleShowGridLines":false,
"pointHitDetectionRadius":2,
"barValueSpacing":1,
"scaleBeginAtZero":false
}
}]}