0👍 ✅ You’ll find in the Chart.js Documentation, under Global chart configuration, that it requires scaleOverride: false to be set to true. // Boolean – If we want to override with a hard coded scale scaleOverride: false, // ** Required if scaleOverride is true ** // Number – The number of steps in a hard … Read more
👍:0 I’ve just realised this is a PHP issue which only seems to be replicated on Win 10 ChartJs: Loading fresh data to Chart Angular-Chart.js – Tooltip not working with 0 values
👍:0 Try wraping the whole rendering space inside a div and give id to your div, assuming id of your div is graphDiv, then to empty all the contents inside this div you can write: $(“#graphDiv”).empty(); I guess this should solve your problem. How to add axis titles in chart.js charts
👍:0 Just increase (or remove) the pointHitDetectionRadius to a larger value (it’ll work even if you increase the chart size, but I assume that’s not an option) and you’ll see the tooltips (I checked in IE11 in IE10 mode – the tooltips were not appearing on the Plnkr screen unless I either increased pointHitDetectionRadius or … Read more
👍:0 Everything is fine. Data itself contains appending. Its nothing to do with Chart.js. Chart.js drawing only in the top of canvas
0👍 ✅ A solution is to use the optio multiTooltipTemplate multiTooltipTemplate: “<%%=datasetLabel%> : <%%= value %>” Please have a look here How do you create an extension to Chart.js?
0👍 ✅ Your code expects different values for ctx in the main code vs. your extension. In your main code it seems like a DOM node and in your extension you are using it as a context. Just add var ctx = this.chart.ctx; after Chart.types.Line.prototype.draw.apply(this, arguments); and it should work. If not, check if your … Read more
👍:0 Update: Y-title: see this SO answer X-title: see this other answer Original response From the documentation: var myLineChart = new Chart(ctx).Line(data, options); var data = { labels: [“January”, “February”, “March”, “April”, “May”, “June”, “July”], datasets: [ { label: “My First dataset”, fillColor: “rgba(220,220,220,0.2)”, strokeColor: “rgba(220,220,220,1)”, pointColor: “rgba(220,220,220,1)”, pointStrokeColor: “#fff”, pointHighlightFill: “#fff”, pointHighlightStroke: “rgba(220,220,220,1)”, data: … Read more
0👍 ✅ This problem has no real solution. My problem was, I wanted to show the chart on 100% height of the canvas, which actually worked perfectly. The only thing my added check in the source of the chart.js was to not draw the labels on x-axis. But the calculations for them remained the same … Read more
👍:0 info here http://getbootstrap.com/javascript/#tabs use something like this $(‘a[data-toggle=”tab”]’).on(‘shown.bs.tab’, function (e) { // here redraw your chart }) UPD: make demo for you http://jsfiddle.net/serGlazkov/291w2jLk/145/