Questions tagged [charts]

Charts are a graphical representation of data, most often in the format of a graph or diagram. Use this tag for questions about using a charting library API.

Charts are a graphical representation of data, using dots, lines, bars, geometric figures or other graphical elements. They can help you visualize vast amounts of data in a way that is easily understood. Similar to the saying "A picture is worth more than 1000 words", one may say "A chart is worth more than 1000 reports" ...

There are many different versions (types) of charts. Here are just a few examples of them:

Pie Chart Bar Chart Combined Chart Funnel Chart


Related tags

26456 questions
40
votes
8 answers

How to display pie chart data values of each slice in chart.js

I am using Chart.js for drawing pie chart in my php page.I found tooltip as showing each slice values. But I wish to display those values like below image. I do not know how to do this with chart.js. Please help me. My Javascript code: function…
Nithya.K
  • 491
  • 1
  • 7
  • 15
40
votes
12 answers

.NET 3.5 chart controls exception: Error executing child request for ChartImg.axd

Anyone getting this error when using the new free chart controls MS bought from Dundas? "Error executing child request for ChartImg.axd" On the MSDN forum they suggested it was my web.config: MSDN forum post So far that hasn't fixed the problem…
Scott Anderson
  • 988
  • 3
  • 11
  • 25
39
votes
4 answers

Which .net charting library should I use?

I would like to draw a realtime chart on a WindowsForm. My platform is the .Net Framework 3.5. What the library should offer: Free as in beer The results should be pretty... (My standards for pretty are rather low though) a HeatMap type of…
tslak
  • 393
  • 1
  • 3
  • 4
39
votes
9 answers

Chart.js and long labels

I use Chart.js to display a Radar Chart. My problem is that some labels are very long : the chart can't be display or it appears very small. So, is there a way to break lines or to assign a max-width to the labels? Thank you for your help!
CedricParkerLewis
  • 403
  • 1
  • 4
  • 6
39
votes
4 answers

How to create charts using NodeJS?

Is it possible to create charts, e.g. bars and pies with custom icons using NodeJS?
Riz
  • 703
  • 1
  • 7
  • 16
39
votes
8 answers

jQuery Charting

Can anybody suggest nice cross browser jQuery API plugin for developing Chart application except like filamentgroup.com. The API should be customizible.I want to integrate it in ASP.NET. (ofcourse ASP.NET 3.5 comes with inbuilt Chart control,I want…
user146584
  • 701
  • 2
  • 11
  • 18
38
votes
1 answer

Hide line in default state in Highcharts

How to hide line in default state in Highcharts js-script? I have ~7 series on my canvas, 3-4 of them are optional and I want to make them hidden when the page is load, but also show them in legend, to inform user, that he can enable them if wants
Egor Sazanovich
  • 4,979
  • 5
  • 23
  • 37
38
votes
7 answers

Chart JS +ng2-charts not working on Angular+2

Hello developers i have been literally the whole day trying to implement charts on my proyect , but following the official docs there is not way i could rid off this error : ERROR in ./node_modules/ng2-charts/__ivy_ngcc__/fesm2015/ng2-charts.js…
Enrique GF
  • 1,215
  • 3
  • 16
  • 35
37
votes
8 answers

Vue Chart.js - Chart is not updating when data is changing

I'm using Vue.js and Chart.js to draw some charts. Each time I call the function generateChart(), the chart is not updated automatically. When I check the data in Vue Devtools, they are correct but the chart does not reflect the data. However, the…
Léo Coco
  • 4,022
  • 11
  • 52
  • 97
37
votes
1 answer

How do I draw a graph or tree structure in JavaScript?

I need to be able to draw graphs like the following in JavaScript: I know about the Raphael library, but it's only for drawing arbitrary shapes. I have a few predefined node types (the colored nodes on the image) and text nearby/inside every node.…
Alexey
  • 3,414
  • 7
  • 26
  • 44
37
votes
2 answers

Highstock highcharts irregular data gets wrong x-scale

I have irregular data. Chart draws well when I use highcharts: $(function() { var chart = new Highcharts.Chart({ chart: { renderTo: 'chart' }, xAxis: { type: 'datetime' }, series: [{ name: 'Volume', data: chart_arr, …
Putnik
  • 5,925
  • 7
  • 38
  • 58
37
votes
2 answers

How to Integrate Flot with AngularJS?

I am new to Angular and Flot, but am experienced with Jquery and Javascript. I am a bit confused about how to go about binding a Flot chart to Angular data models, since Flot is a JQuery plugin. I've searched around, but haven't been able to find an…
JBCP
  • 13,109
  • 9
  • 73
  • 111
36
votes
3 answers

How can I make my ngx-line-chart responsive?

I'm using ngx-admin and I'm trying to make my ngx-line-chart responsive. My chart is in a nb-card, and when I resize the window the nb-card is totaly responsive. So I want my chart to be resized to fit inside the nb-card. My html code:
Loufi
  • 1,215
  • 1
  • 8
  • 23
36
votes
4 answers

Javascript charting library for huge data

Does anyone know of a Javascript charting library that can handle huge datasets? By 'huge', I mean drawing a line graph with around 1,000 lines and 25,000 data points in total. (With an uneven distribution of points per line. A lot of lines have…
Adam Nellis
  • 1,500
  • 1
  • 16
  • 23
36
votes
6 answers

Google Chart API error "All series on a given axis must be of the same data type"

I have LineGraph using googlechart. This graph is created with the following code function drawChart() { var data = google.visualization.arrayToDataTable([ ['Categegories', 'R1' , 'R2' , 'R3' , 'R4' , 'R5' , 'R6' ], ['A', …
Shahid
  • 1,051
  • 1
  • 10
  • 14