Chart.js

1 In the options set tooltips.mode to label options: { …… tooltips: { mode: ‘label’, }, ……. } var chartColors = { red: ‘rgb(255, 99, 132)’, orange: ‘rgb(255, 159, 64)’, yellow: ‘rgb(255, 205, 86)’, green: ‘rgb(75, 192, 192)’, blue: ‘rgb(54, 162, 235)’, purple: ‘rgb(153, 102, 255)’, grey: ‘rgb(231,233,237)’ }; var randomScalingFactor = function() { … Read more

1 Let us introduce a new option hideXAxesWhenChartIsXXS. This option will enable hiding of all x-axes when the chart’s width is less than 480 pixels. The hideXAxesWhenChartIsXXS option will be read by the toggleXAxesDisplayPlugin plugin. If the option is defined and true, then the plugin will decide whether the x-axes will be displayed or … Read more

1 You have a type-O for the dataSets property. Should be datasets (lowercase s). datasets https://jsfiddle.net/fhx55z43/3/ [Chartjs]-Stacked Bar chart fixed width bar chart issue – Chartjs Source:stackexchange.com

1 Replace barPercentage with categoryPercentage and fiddle with its value until you get what you want. When you have a stacked bar chart, you get one bar per category, so I guess this is the reason barPercentage is ignored, while categoryPercentage works fine. [Chartjs]-Tooltip overriding the text in chart js Source:stackexchange.com

1 Your problem is that onComplete will be called at the end of the animation. That is how onComplete is supposed to work. If there is a tooltip to be drawn, onComplete will be called after the tooltip has been drawn, since drawing the tooltip is part of the animation. This is the reason … Read more

1 onCLick Event Called if the event is of type ‘mouseup’ or ‘click’. Called in the context of the chart and passed an array of active elements When you click on point it will call the function by passing two parameters mouseEvent and an array of a chart. From chart array, you can extract … Read more

1 Found the answer – pretty easy one, just set the canvas height and width attributes (NOT CSS parameters) to the required aspect ratio and then it resizes automatically, whilst maintaining the ratio. [Chartjs]-ChartJS, Primeng, Gap first and end of line chart [Chartjs]-How do I add a title to a chart from chart.js? Source:stackexchange.com

1 Use DB query like this for your solution (and correct it for your needs): Select count(post_id) as post_cnt, w.name as author, date_posted from posts as p join writers w on p.user_id = w.id where p.user_id = #user_id group by date_posted; For PHP use some framework with caching, and send data with json format … Read more

1 i could fix the issue =) The issue was caused by setting the div temp_graph_div.style.display = ‘inherit’; after creating the chart. Now, my code looks like this (no big change, but big success): var temp_graph_div = document.getElementById(‘temp_graph’); temp_graph_div.style.display = ‘inherit’; var canvas = document.getElementById(‘myChart’), ctx = canvas.getContext(‘2d’), startingData = { labels: [tempValues[9][3], tempValues[8][3], … Read more

0 When you change a chart’s option after it was render, you need to call the update function. .update(duration, lazy) Triggers an update of the chart. This can be safely called after replacing the entire data object. This will update all scales, legends, and then re-render the chart. Documentation Example: // duration is the … Read more