Bokeh Zoom Out in the main figure - javascript

I am trying to plot a line graph on Bokeh and i am using 2nd y axis to the right side as well. For this reason i put y_axis_location to None. But when i am trying to change the start and the end option from Range1 does it only to the yaxis not in my main figure. The problem is that i want my application to plot as initial graph this that can be displayed after i zoom out as the 2nd picture above (after zoom out) but what i get is the 1st picture instead.

By the way i found what cause this error, it has to do with y_range_name which need to take the name of the y_range that you named at the starting point.

Related

Highlight the log while hovering over points in dash plotly

I have created a graph using dash. i am showing the logs corresponding to the xaxis range, ie. i am displaying the logs from one end of xaxis to the other end.
Now i want to add a feature like if anyone hover any points on graph, corresponding log get highlighted.
I tried many times but i failed each time.i am new in dash.
Thank you very much for your help.
Regards

Adding offset to Chart.js Bubble Chart

After going through all of the Chart.js documentation, it seems like there isn't a way to add any kind of offset to a bubble chart on either the left or right side of the chart.
Any min/max X value is just automatically placed at the extremes of the chart and short of adding superfluous data, it seems like there isn't a great option. Therefor, if a point is large enough (or just not tiny), it overlaps on the left axis or goes off the canvas on the right.
Is there not a way to control this?
View of offending chart

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',...])

Dynamic Highcharts with maximum xaxis points

I try to create dynamic highcharts. I use series.addPoint. It works fine but my chart adds points and doesn't move like here - jsfiddle. It can be with 100 points on the screen.
How can I make only 10 points on the screen and hide old points?
http://api.highcharts.com/highcharts#Series
Series.addPoint()'s third argument is a boolean that enables shifting. If your series is not shifting, try setting the third parameter to true.
As for the second part, are you sure you want to "hide" old data? Generally old data should be shifted off the end in a real time graph (which I assume is what you're going for). If you have too many points, you can make your x-axis smaller via Axis.setExtremes(). http://api.highcharts.com/highcharts#Axis

Highcharts date tick position hiding removing

I have tried using all sorts of combinations of tickInterval, tickPixelInterval label formatter and tickPositioner and I haven't been able to solve this issue.
I have a chart builder that pulls in different feeds and allows the user to modify the date range of those feeds before shooting this data into highcharts and spitting out the chart.
The problem is that some of the time, the first and/or last dates get cut off. Here is an example:
Without adjusting the margins of the chart (which causes the chart to take up less space), how do I prevent this from happening?
If I was able to determine the pixel location of the ticks and their labels, I could in theory, hide the specific ticks and their corresponding labels which were located outside the graph / cut off. Thoughts?
Without looking at your code - there are a few things you can do.
Rotate your labels
Play around with the x/y axis labels
Align them to the right
Hopefully one of these would help your cause.

Categories

Resources