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
Related
I'm using plotly.js to plot real time data. I'm using the extendTraces method to do so. As can be seen, as new data comes in, the number of points on screen increases, and the graph condenses. I'd like to have the graph pan automatically to the right at a certain point (say 20 points). I was looking at the possible events for this in the documentation, it would seem after_plot would be my best bet though I don't know if extendTraces creates an after_plot event. Either way, is there a function to automatically pan the chart? I can't seem to find this information anywhere.
It was not intuitive for me to find this so I can see why you had trouble finding the answer. But it appears that zoom and pan are controlled by the range attribute of one of the axes attributes. If you want to zoom or pan on the x axis, you need to change the range attribute on the xaxis attribute of the layout.
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.
Attached are two screenshots of my graph. The chart looks fantastic with more than one point of data in the series. However, when there's only one point, "nothing" displays up unless you mouseover. This is because the chart has nothing to connect those points to, but of course this is not really desired.
I hacked it by padding the data set with a zero on the front and a zero on the back, but I really don't like this approach. Is there a highcharts setting somewhere that will allow the chart to connect to the leftmost side and the rightmost side and show a sort-of "hump" in the middle?
I'm using Google Charts line chart and I'm looking to create the effect where focus is put on the point that corresponds to the horizontal position of the cursor.
I'm currently using the line chart with only 3 options set: Title, Width and Height. At the moment, the user must place their cursor directly on top of the data point which sits on the line that has been drawn in order to see the tooltip/data for that point.
I'm wanting to give the user an experience more like that found here:
https://au.finance.yahoo.com/echarts?s=BHP.AX#symbol=BHP.AX;range=1d
...where the user does not have to place their cursor ON the line to focus the data point, they simply need to move their cursor horizontally and the point that corresponds to the cursor's position on the x-axis is focused.
Has anyone been able to achieve this, either through options settings or custom code?
Cheers
There is a chart option that does what I believe you are looking for:
focusTarget: 'category'
If that alone doesn't work, check the tooltip.trigger option.
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.