charts – Page 2 – Tarik Billa

Chart.js v2: How to make tooltips always appear on pie chart?

December 11, 2023 by Tarik

Solution for ChartJs Version > 2.1.5: Chart.pluginService.register({ beforeRender: function (chart) { if (chart.config.options.showAllTooltips) { // create an array of tooltips // we can’t use the chart tooltip because there is only one tooltip per chart chart.pluginTooltips = []; chart.config.data.datasets.forEach(function (dataset, i) { chart.getDatasetMeta(i).data.forEach(function (sector, j) { chart.pluginTooltips.push(new Chart.Tooltip({ _chart: chart.chart, _chartInstance: chart, _data: chart.data, _options: … Read more

Reasonable optimized chart scaling

December 7, 2023 by Tarik

This is from a previous similar question: Algorithm for “nice” grid line intervals on a graph I’ve done this with kind of a brute force method. First, figure out the maximum number of tick marks you can fit into the space. Divide the total range of values by the number of ticks; this is the … Read more

How do I create a timeline chart which shows multiple events? Eg. Metallica Band members timeline on wiki [closed]

December 5, 2023 by Tarik

A Stacked bar chart should suffice: Setup data as follows Name Start End Duration (End – Start) Fred 1/01/1981 1/06/1985 1612 Bill 1/07/1985 1/11/2000 5602 Joe 1/01/1980 1/12/2001 8005 Jim 1/03/1999 1/01/2000 306 Plot Start and Duration as a stacked bar chart Set the X-Axis minimum to the desired start date Set the Fill Colour … Read more

How to generate graphs and charts from mysql database in php [closed]

December 5, 2023 by Tarik

Any good client-side open-source dashboard framework? [closed]

December 3, 2023 by Tarik

Dashing, with a demo here. Licensed under the MIT License

Chartjs random colors for each part of pie chart with data dynamically from database

December 1, 2023 by Tarik

You should create a separate array for colors ( just like the ict_unit and efficiency ), instead of assigning a random color value each time to the coloR variable. Here is the revised version of your code : $(document).ready(function() { $.ajax({ url: “https://jsonblob.com/api/jsonBlob/a7176bce-84e0-11e7-8b99-016f34757045”, method: “GET”, success: function(data) { console.log(data); var ict_unit = []; var efficiency … Read more

asp.net:Invalid temp directory in chart handler configuration [c:\TempImageFiles\]

September 26, 2023 by Tarik

Microsoft Charting, MVC 3 and Razor

September 23, 2023 by Tarik

If it is tool tip and drill down you are looking for then here is a sample. I tried and worked as a charm for me. You need to have ImageMap linked with your image to have interactivity. MVC Charts with Interactivity

Python matplotlib.pyplot pie charts: How to remove the label on the left side?

September 23, 2023 by Tarik

You could just set the ylabel by calling pylab.ylabel: pylab.ylabel(”) or pylab.axes().set_ylabel(”) In your example, plt.axes().set_ylabel(”) will not work because you dont have import matplotlib.pyplot as plt in your code, so plt doesn’t exist. Alternatively, the groups.plot command returns the Axes instance, so you could use that to set the ylabel: ax=groups.plot(kind=’pie’, shadow=True) ax.set_ylabel(”)