HighCharts moving xAxis label (dates) to between two series - javascript

By default, the date labels are at the very bottom of the chart. I have several series charts but want the date labels to be beneath the first one. I've looked all over the APIs and searched all over but don't see an option for this. Any ideas?

Related

Javascript D3.js Nested Axis Labels for Radar Chart

I would like to add nested axis Labels to my radar chart. All online resources just show a singular axis.
An example of the image I am trying to reproduce is shown in the below figure.
The axis is Management.sr_lvl_1, Management.sr_lvl_2, Management.sr_lvl_3... However, I want the word management to appear only once in the label which spans across all sr_lvl

How to build multiple charts with different y-axis in same graph (Amcharts)

I'm using Amcharts and I want to build something like this. But my x-axis is not in date format it is numeric (1,2,3,4..). Two questions
Can I use the above chart but with the numerical axis. I have tried but not able to make it work with the numerical axis.
Can I use other serial charts to create multiple y-axis charts with in the same chart where I have successfully replaced the date axis with the numeric axis
Also if there are any D3 alternatives available please mention.

Way to toggle x-axis label-grouping in Chart.js?

I'm trying to make a vertical bar chart (aka "column graph") using Chart.js with multiple datasets that does not group by the x-axis labels. I would like each column to have its own label and I would like datasets to be grouped only by color. Chart.js automatically takes the first data entry of each dataset and plots it on the first x-axis label, and so on. Rather than that, I want my chart to look like this:
If this is simply a terrible way of presenting data, I'm open to other suggestions... But I like the alphabetical sorting of the show titles and the color-coded grouping of networks.

Multiple charts in separate divs, single range and zoom picker

I have a simple dashboard with six div's each containing a highstocks chart. Each of them currently has a zoom picker (1m, 3m, 6m, YTD etc.) and a range picker below it.
Is it possible to have a single, separate range and zoom picker that will affect all charts?
Is it possible to synchronise zoom/range across all charts? I.e. keep the zoom/range pickers on each chart but once one is changed, all other ones are changed too.
yes it is possible,
It is achievable with highcharts itself. Render navigator chart and other charts in different divs. There is an example given here in highcharts demos called master-detail chart for your ref.
you an have your own date range selector and apply the selected dates using the setExtremes method.
In this way you can have a look and feel near to a highstock while using highcharts. But the total number of points per chart may effect the performance.
--EDIT--
you can do that with highstocks as well use afterSetExtremes method and manually set the extremes of all other charts when the extremes of one chart(the one with navigator and rangeSelctor) is changed.

Multiple brushes in dc.js graphs

I'm wondering whether there is some high level way of having more than one brush on a graph. Here's the problem:
I have a stacked bar chart where each bar represents one weekday and different metrics are stacked on top of one another (stacked line charts are not available yet as far as I know). Now I would like to let the user select the days to display (and the selection should propagate into the other graphs). Everything works great with the brush on, but if you want to choose Sunday, which is at the end of the graph, and Monday which is at the beginning, you can't do that using a single brush. Anybody knows of a way to add more brushes?
Alternatively I'm looking for a way to add a click event listener that would "activate" the day you click on in a similar way like a ring chart section would work.
Thanks a lot for your ideas,
Renra
You could try using an ordinal x axis instead of a linear one. The default behavior for ordinal bar charts is to click to select/deselect bars instead of range selection.
That's chart.x(d3.scale.ordinal()).xUnits(dc.units.ordinal). If you are using dc 1.7.1 of earlier, you may have to specify the domain by d3.scale.ordinal().domain([’Monday',...])

Categories

Resources