I am using http://www.highcharts.com/demo/combo-dual-axes/sand-signika/
What I am trying to do is: to change the granularity of line chart. For example. I want to plot a weekly data points on line chart while sticking with monthly bar charts.
Can someone please suggest if this is doable or if anyone has tried that in past.
At the beginning I advice to use datetime xAxis. Distance between points, you can control by pointInterval
Related
I was building a chart in HighCharts with logarithmic axis type. Here is a link to the code in JSfiddle.
https://jsfiddle.net/PowerHouse/ekwoupcy/15/
I'm consuming data from Google sheets and at the moment, the values are plotted exactly as in Google Sheets. I however wanted to plot the changes over time instead, something similar to this image. Ignore the left percentages (labels), the ones on the right are the workable ones or rather where my focus is on.
I have tried applying the plotOptions and specifying the compare: 'percent', but still I get the chart not showing the change over time but the exact stock value instead. Is there a way I could get the percent changes instead of the values themselves? I will appreciate any assistance. Thanks!
I have a collection of projects, each of which have a completion date. I am trying to display it on a horizontal bar graph such that the label is on the y-axis and the completion date is on the x-axis, as in this image:
Target axis. I am currently using Chart.js
The problem I am encountering is that Chart.js seems to be incapable of interpreting my data as dates - instead it evaluates it (for example, 2017-02-10 is interpreted as 2005). Based on the documentation at chartjs.org/docs/#scales-time-scale, I have tried to use Moment.js to parse my date strings into moments, but it can't render it.
My best guess is that, since it's a horizontal bar graph, my x-axis values are being treated like y-axis values, and the documentation states that the time scale is only supported on the x-axis.
Is there some workaround that would allow me to use dates as the data, so that it looks like this image, but with the axes from the first image? If not, is there another library I could use that does support this? I haven't found any examples of people using time scales on a horizontal graph, so I don't know if other libraries like CanvasJS can do it either.
Goal data, but wrong x-axis
Thanks.
I am working on highstock charts for the first time.
The link http://www.highcharts.com/stock/demo/dynamic-update gives me the solution I need.
But I would like to replace the x - axis values (currently date time) with some other values like length measurements. I would also like to change the date time shown in mouse hover in the above chart with the length measurement values.
Could anyone help me find a way out as I don't see any other dynamic chart as far, specific to my requirement.
Thanks in advance.
Is there any chance to customize chartjs with a large amount of data? To be exact, the problem is with overlapping labels when there is more data than in it's documentation. I've worked with other charting systems and labels (represented by dates for examples) where properly scaling, but ChartJS seems to do nothing with that?
Try to use Chart.Scatter plugin instead the line chart.
http://dima117.github.io/Chart.Scatter/
It receives the array of points with X and Y fields. Scale parameters are calculated automatically based on chart data
I'm using a stacked bar chart as a very simple timeline. Each section of the timeline (green=on white=off) is defined in seconds. This means that the ticks also display in seconds.
Click here for bigger version
Is there a way to define a starting date/time for the entire graph and use date/time instead of seconds along the x axis?
I've looked in the API documentation, and I found this but it doesn't seem to change anything.
Any help would be greatly appreciated!
Cheers
I think that gantt chart can be more "user-friedly" http://highcharts.uservoice.com/forums/55896-general/suggestions/804783-gantt-chart
Yes - you can use pointStart, and pointInterval:
http://api.highcharts.com/highcharts#plotOptions.series.pointStart
http://api.highcharts.com/highcharts#plotOptions.series.pointInterval
You can also use pointRange to help fine tune the layout:
http://api.highcharts.com/highcharts#plotOptions.column.pointRange
{{Edit : it seems I misunderstood your question and usage, and this answer doesn't quite apply.
I took your chart to be showing a vertical column chart where you wanted a datetime x axis.
so....nevermind :)