Custom JS chart similat to a vertical progress bar - javascript

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!

Related

Horizontal line chart using categories in y-axis

I planning to develop a horizontal line chart using Amchat library. and I need to arrange my categories in y axis. I have tried many ways but couldn't find a solution. Is there a way That I can set category in amchart y-axis. I have attached a image of a sample design.
Sample Design : https://i.stack.imgur.com/iEShm.png

is it possible to do range bar chart with curve line ( S Curve)

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

Javascript discontinuous stacked bar graph

I am trying to plot daily tasks in what i would describe as a discontinuous stacked bar graph. Another description would be a vertical gantt chart of past events.
If the description is lacking, the result i want is something like that shown in the image below (made in paint).
All task have a duration (from-to time) and can have different categories which results in different colours with belonging legends.
I have been playing around with two javascript plotting libraries; chart.js and plotly.js, and looking at others but i haven't found anything that can do what i want to achieve. Both chart.js and plotly have stacked bar graphs, but i see no way of getting spaces in between the bars and getting the legends right.
Do anyone have an idea if this is possible in any these two libraries? If not is there an alternative library where this can be done?
Regards

Draw vertical lines in chart

Is there any way to draw vertical lines in chart. (i.e.)
Under each dot there is a vertical line which is projected to x axis.
Could you advise how to customize it with Google Chart , of course if it is possible?
Are there any other libraries with such kind of line chart ?
p.s. In project I use Angular 1.5. Also I took a look on nvd3 but didn't find what I want
see config options...
use option for vAxis.gridlines to customize vertical lines...

how can i plot 2 dimensional bar chart with a jquery library?

I couldn't find any jquery library that can plot 2 dimensional bar charts (if i name it true). I want to plot a graph like this;
As you can see there are 2 variable for each bar. Width and height. But i can only change height of the bar charts in every library i tried.
I want to give 2 interval for each variable and plot a rectangle.
Can you help me to find a library that can plot it or share some information about it?
Thank you.
I found the answer with luck. It is called Marimekko graphs and you can plot it with this javascript library.
http://www.mekkographics.com/free-trial/ or
http://www.fusioncharts.com/charts/marimekko_2/
It solves many problems to know its name. You can search for marimekko charts. Also there are lots of free codes in internet like;
http://bl.ocks.org/mbostock/1005090
https://gist.github.com/mbostock/1005090
d3.js how do I add text to Marimekko chart
http://www.jqplot.com/deploy/dist/examples/mekkoCharts.html

Categories