How to remove cirlce,line,square symbol from highchart - highcharts

Here i have my highchart display image
and i have tried to remove top right corner symbols(text,square,line,circle)
but didn't find option to remove those (text,square,line,circle) symbols.

You probably use our plugin for Highcharts: Annotations. Simply set:
annotationsOptions: {
enabledButtons: false
}
Docs: https://github.com/blacklabel/annotations#chartannotationsoptions
Note:
Plugin is deprecated, we suggest to use official Annotations plugin.

Related

Highcharts - how to set line height in multiline annotations labels in styled mode

Hello Highcharts team!
Qq - I am trying to set line height for multiline annotation in styled mode i.e. set a dy. I know that in non-styled mode it's achieved by setting annotations[0].labels[0].style.lineHeight property docs, but having trouble with how to do that in styled mode. useHTML wont work for me because we utilize exporting module and seems like line breaks are not preserved in downloaded images/svg when useHTML is enabled.
Link to fiddle - https://jsfiddle.net/4vrgysxk/1/
Thanks in advance
I think that the best approach is:
set useHTML as true for the annotation label,
render annotation as HTML element and style it,
set the exporting.allowHTML as true,
Demo: https://jsfiddle.net/BlackLabel/wp3rqmge/
API: https://api.highcharts.com/highcharts/exporting.allowHTML
API: https://api.highcharts.com/highcharts/annotations.labelOptions.useHTML

yValues position on a BarChart

I am developing a Swift 4 application and am using the Charts 3.0.4 cocoapod. I managed to draw a BarChart but now I want to put the values of each bar within the bar itself. I find how to change the font of the values by using the .setValueFont method of the BarCharDataSet but I am not able to find how to change their positions.
Please take a look at the images for better understanding!
Thanks in advance!
Currently:
Goal:
Add this line:
chart.drawValueAboveBarEnabled = false

Dynamic Vaadin chart

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.

disable legend resizing of chart

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.

How to disable Handle Bar dragging in HighStock JS

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')

Resources