Does anyone know of a js chart that can plot multiple lines that can have different plot intervals? I can only find HighCharts but need an Open Source one. A great example of what I'm looking for is available on highcharts demo page:
http://www.highcharts.com/demo/combo-timeline
Thanks
I have use Google charts in the past, they are pretty easy to inject in your code, and they support multiline. Check em out.
https://google-developers.appspot.com/chart/interactive/docs/gallery/linechart
Related
I'm trying to create a grouped barchart graph but looks like there is no built in solution for it on chartjs, has anybody such experience before with grouping dataset by label, please check screenshot
chart trying to achieve
Idea is to have 4 different datasets with at least 4 data each and show in graph grouped.
Trying to achieve this with latest chartjs but I'm open to change it if there's easy way to do it with different library.
Thanks in advance
Here is a link to the feature request you're looking for(I think).
Chartjs Feature Request for data grouping
Here is a link to Google Charts.
I did a little digging scrolling through their demos and it looks like they do what you're looking for.
I've been playing around with the Timeline chart from Google Charts. It's great because it's very easy to use. However, I stumbled upon quite some limitations:
It's not possible to adjust the height of the bars, or the amount of margin around them.
I cant format the labels of the hAxis. No fonts can be applied, or textcolor, or font-size. And for some reason, two of the labels are in bold. (see image below)
It's not possible to add a text column on the right containing an extra set of information (for example, the sum of all hours in this row)
I can't move the hAxis to be displayed above the graph instead of below
etc...
Here's a link to the image:
For this reason, I was hoping some of you could introduce me to an alternative tool or api that I can use. It needs to be easy to use, and free/opensource. I've Googled for numerous chart tools, but almost no tools provide this SIMPLE timeline type of chart (note that it's not a Gantt chart, but it looks like one).
There are a few Gantt chart Javascript libraries, but none seem to be close to the Google Timelines chart.
The only chart I could find that is similar is Visavail.js. It builds upon D3.js and is open source, so you can modify it to your liking. Check out the "Custom Category Data" example. It's a lot like a Google Timelines chart.
For your convenience, I've added a screenshot of the example below:
If you are familiar with d3.js, here is a d3js based example: http://bl.ocks.org/bunkat/1962173
I have to draw a stacked column chart in a php web. The chart must has lines connect assosiated stacks in itself, and that is the important thing I don't have solution for. The chart look like this
Do you have any ideas to draw this? I precious you helping so much!
I would check out https://developers.google.com/chart/ or YUI Charts.
I'm using d3.js for these kind of visualizations. This is a pure JavaScript library which you could use easily. Take a look at this and update for yourself as you wish: http://bl.ocks.org/mbostock/3886208
Or a list of available charts: https://github.com/mbostock/d3/wiki/Gallery
I am new to d3 charts, Have worked on highcharts before, But for me, this looks like big guy. feeling difficult to understand. So I want to know, if there is d3 chart repositories on web (just like jquery plugin repository), So that I can download the matching chart and can do some minor changes, and that should work. Since I have only 2 months time to finish the project having full d3 charts. So I have planned like this.
Please guys, need to support and suggestions.
Thanks in advance.
NVD3 is a decent library for a variety of basic, ready-to-go charts:
http://nvd3.org/
If you need more specific, in depth examples, check out Mike Bostock's Blocks page:
http://bl.ocks.org/mbostock
I’ve been trying to find a code that can explode a pie chart into another pie chart. This is because at the start when the pie chart loads it looks cramped up with so many entries. On the net I’m only able to find tutorials to do this using Excel. Can anyone help me here? Thanks in advance!
You might want to check out this lib, you can create dynamic and explorable pie charts with it (it š html5, javascript based).
Click and see yourself:
http://datavisualizationsoftwarelab.com/en/products/pie-chart/
Example of a Pie Chart:
This will help you: Google Charts