Does anyone know the setting in highcharts (I've looked through the API but I can't seem to find it - maybe looking in the wrong place?) where I can disable the chart's ability to resize when I click on a legend item?
http://api.highcharts.com/highcharts#legend
If there are two lines on the graph, and toggle off one of them on the legend, the graph resizes to show the one line full sized. I want to prevent this functionality.
There actually is a simple solution to this provided for by the API:
chart: {
ignoreHiddenSeries: false
}
I'm pretty sure this is the behavior you desire.
Related
I have used Charts library to make my chart. It really has ton of options, but I have been struggling to implement background for grid. I want to have gradient background, but just for grid part. I have done this by putting my view behind the chart view. I have printed _viewPortHandler.contentRect, and from there i positioned my view. Now, while this works, it is not most ideal solution. I would like to somehow at runtime have option to get gridview size, but since _viewPortHandler is internal, I see no option to do this:
Is there any better way to do this?
Is there a way to modify a Vaadin chart by moving a bar or a point from the chart itself? i.e. I have a bar chart with a certain value in one of the bars, I want to get a new value by dragging that bar to that new value.
There is something similar in this example, that is why I wonder if it is possible to extend this option to something like what I need.
Thanks!!!!
I assume that vaadin uses Highcharts if this is the case, maybe you can use plugins, if so I recommend:
http://www.highcharts.com/plugin-registry/single/3/Draggable%20Points
Source code in case you had to rewrite it:
https://rawgit.com/highslide-software/draggable-points/master/draggable-points.js
Regards.
I am using TeeChart2015X64.ocx, I see a new hover functionality in General Tab, The issue is when the number of Points on X-Axis are high then Mouseover in chart x-axis highlights wrong x-axis labels.
Can Anyone let me know how to disable this functionality from code since I don't see any function for the same.
Thanks
Akshay
Yes, try this:
TChart1.Hover.Visible = False
Edit 1:
For VC++, download the Hover headers from here and extract with the other TeeChart headers.
Edit 2:
To disable the Hover only for the bottom axis you can do this:
TChart1.Axis.Bottom.Labels.Selected.Hover.Visible = False
The highstock api for navigator.handles provides only parameters for background color and border color. My requirement is to disable the handle bar dragging and the range should be selected only via range selector menu.
I read this post Disabling Handlebars in HighStock charts navigator
But it does not serve my purpose.
Is there a way where if I set the property as enabled: false, or enableDragging: false then it hides the handle bar thus disabling the dragging functionality for highstock handle bars.
Unforunately it is not available, only solution mentioned by you.
You have ability to request your suggestion in our uservoice page http://highcharts.uservoice.com/
Finally I found it..
This is the coffeescript code for the same.
chart:
events:
load: ->
#handlebars = $('g').filter ->
$(#).css('cursor') == 'e-resize'
#handlebars.css('visibility', 'hidden')
I am migrating a dashboard type screen to highcharts and would like to use the default context menu (for exporting various image formats and printing the chart).
The problem is that a lot of these charts are small gauge type charts and the context menu gets hidden when charts get below a certain size, mainly due to the fact that the context menu appears above the button for small charts size.
Is there anyway to make the context menu always appear below the button? I know I can limit the options and this will solve the problem but I would ideally like to use the default options list. Also I don't really want to have to calculate positions and move it myself.
See jsfiddle
see code at jsfiddle
Add the following styles to the context menu.
.highcharts-contextmenu {
bottom: auto !important;
top: 5px;
}
FIDDLE
Not sure if it would work for your situation, but have you considered using their pie chart with the legend at the bottom?
http://www.highcharts.com/demo/pie-legend