What i would like: (not in highcharts)
Note the gray backround graph showing the average trend
What i currently have: (made with highcharts)
I managed to implement the stacked area chart, but i would like to add the grey average graph in the background.
Could anyone tell me if and how this is possible?
Thanks!
The answer was simply adding the "stack" variable to my series, which allows you to build multiple stacks of "stacked area" charts: one for the actual values, one for the average of last week. Thanks to everyone for their input
Related
I'm looking to use React Apexchart's Timeline Chart to make a beautiful Gantt chart. However, the data I'm graphing could have several "Tasks" (y-axis labels) and each y-axis label could have dozens of "Action Items" associated with it. These Action items could be overlapping one another and need to be displayed stacked vertically.
React-Apexchart does a fantastic job with small data sets. However, now that I am receiving mass amounts of data it becomes unbearable trying to mouse hover over these bars to read the tooltips. Any ideas?
Ideally I would like it to be as readable and beautiful as it looks here. Even if the user must scroll vertically and horizontally.
Thanks everyone!
I'm trying to setup a graph that looks somewhat like this:
The graph consists of two data series, one for the stacked and another for the averages. Pay attention that is has two x-axis (multiaxis).
Looking at the ChartJS documentation, mixed graph types are possible, but not for stacked horizontal bars. Other articles seem to outline this as well, like this one on Alligator.io. I've yet to see any chart library to showcase such an example even.
Question is therefore if this is even possible, or if I should look into alternate approaches instead.
Currently it's not possible (only proof I could find right now).
The next version of chart.js will be 3.0 which has many major impovements, including changes to the horizontal bar chart, verbatim "Remove horizontalBar and make all charts capable of being horizontal". I think it will be possible with this version. But unfortunately not now.
I have found a chart that suits exactly what our data needs but its simply just an image, it looks like a stacked bar chart, but it works differently.
Each of the ticks along the bottom represents a group, eg hour number, and when you hover you see all that data from the group.
Does anybody have any idea what its called and even better, know any source for the chart in a java script library, d3 or similar ?
It is a 'Stacked Horizontal Bar Graph'
http://www.storytellingwithdata.com/blog/2014/06/alternatives-to-pies
ChartJS:
http://www.chartjs.org/docs/#bar-chart-chart-options
Option for stacked.
I am fairly new to JavaScript, let alone charting. I'd appreciate any help in accomplishing the following. I have browsed many JavaScript charting libraries and examples but have not seen any that solve my problem:
I need to create dynamic stacked bar charts as shown in the attached picture. Horizontal axis is time axis. The chart should scroll to left with time along with time-markings on x-axis. Each horizontal stacked bar is for a different item on Y-axis. There will be many items on y axis. Each section of bar will have text as shown. The information about each section and its text is received dynamically.
Thank you!
See the desired end result in this image
I have found the Google Charts to be very, very easy to use (https://developers.google.com/chart/?hl=en)
However, in order to have dynamic content, you'll need to have some data source to read from so that you can use something like ajax to constantly ping it for updated data. The Google Charts library will give you a good starting point but it won't be dynamic. You'll have to program that portion but Google Charts is very great in providing you with the basic pie, graph, bar, etc.. 'chart templates' so switching between a bar and a pie chart is super easy.
For amCharts Line Chart, is it possible to add vertical lines around Bullets? Is it feasible at all? I have already checked Stock/OHLC Chart, but the requirement is vertical lines should be straight similar to below.
Green short-line for Income
Red short-line for Expenses
Y-axis is Revenue in Millions
Any help would be greatly appreciated!!
I would add two column graphs, red and green, with open and value fields specified.