As title sais. What I'm looking for is actualy more of a bar chart with only one axis and multiple bars overlapping. Sorry, hard to describe. I drew a sketch:
Note: It's not a stacked bar chart!
Thanks guys!
Finally I've found what I was looking for.
It's called a "Linear Gauge" and I realized it with chart.js using a gradient as background and hiding the y-Axis.
Related
I use R implementation of dygraphs to generate interactive charts in R. By default, it plots line chart of supplied data. However I would like to have vertical bars instead of line chart for below data -
library(dygraphs)
dygraph(mdeaths)
Appreciate if someone can give me any pointer to implement the same, as I failed to find any option to do the same.
Try dyBarChart
library(dygraphs)
dyBarChart(dygraph(mdeaths))
Try with Dygraphs plotters plugin. Have a look at below links for the implementation of Dygraphs Bar Chart implementation.
https://github.com/danvk/dygraphs/blob/master/tests/plotters.html#L97
http://dygraphs.com/tests/plotters.html
Maybe it can help you.
I attached the graph I want to achieve.. can you recommend any library/ how to do this kind of graph?
I looked at libraries such as charts.js, anycharts,canvasJs, High Charts (has payment client wouldn't like that) One interesting I found is Google Charts' Combo chart but have no idea how to do it.
https://i.stack.imgur.com/hm5uf.png
I used d3 Line chart and append it on top of the progress bar chart. since it's an svg the background is transparent. hope that helps someone
I want your opinion on how to create this materializecss admin dashboard line and bar charts moving from right to left with changing timelines
I have look at chartist.js and its animations, I didn't see it there. Please how I can achieve this marquee effect on the line and bar charts?
Thanks to #Lieutenant Jim Dangle and #Karthik VU. I found their comments useful. A look at path transition of D3.js https://bost.ocks.org/mike/path/ and Animating path at http://bl.ocks.org/duopixel/4063326 and also Spline updating using Highcharts http://www.highcharts.com/demo/dynamic-update answer this question.
I am searching for a JS chart like in the image. I got it from an excel file. The percentage is incorect, it should be from 0 to 100%. Does anyone know a library which provides this kind of chart ?
Seems like you're looking for a bullet chart. Most of the major charting libraries provide bullet charts as a standard chart type. You could also implement it as a column (vertical bar) chart with some additional styling.
Here is a ZingChart demo of a vertical bullet chart with an area marker and here is a similar demo implemented as a mixed chart - a column chart and a scatter plot marker for the "goal" line. Both replicate your image.
I'm on the ZingChart team, so don't hesitate to reach out if you have any questions!
Here is plunker - http://plnkr.co/edit/VYH5QbO99ZbMkvc2D4Fe?p=preview
As I add more and more categories, these labels overlap and I can't see anything
Is there a better way to align labels?
Thanks
I rather moved to using NVD3 and created pie charts
The demo and code is availale http://plnkr.co/edit/qJnZzBS4ZOUtD2q9FV11?p=preview