score:3
Accepted answer
just include <script src="https://code.highcharts.com/modules/exporting.js"></script>
you can enable or disable it by adding buttonoptions. defaults to true
highcharts.chart('container', {
navigation: {
buttonoptions: {
enabled: true
}
}
});
highcharts.chart('container', {
chart: {
type: 'column',
events: {
load: function() {
var series = this.series[0];
setinterval(function() {
newvalue = math.random() * 100;
series.update({
data: [newvalue],
}, true)
}, 1000);
}
}
},
title: {
text: 'monthly average rainfall'
},
subtitle: {
text: 'source: worldclimate.com'
},
xaxis: {
categories: [
'jan'
],
crosshair: true
},
yaxis: {
min: 0,
title: {
text: 'rainfall (mm)'
}
},
tooltip: {
headerformat: '<span style="font-size:10px">{point.key}</span><table>',
pointformat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
'<td style="padding:0"><b>{point.y:.1f} mm</b></td></tr>',
footerformat: '</table>',
shared: true,
usehtml: true
},
plotoptions: {
column: {
pointpadding: 0.2,
borderwidth: 0
}
},
series: [{
name: 'tokyo',
data: [49.9]
}, {
name: 'new york',
data: [83.6]
}, {
name: 'london',
data: [48.9]
}, {
name: 'berlin',
data: [42.4]
}]
});
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="height: 400px; margin-top: 1em"></div>
Source: stackoverflow.com
Related Query
- HighCharts : How to add or remove "chart context menu" from chart container?
- Highcharts - How can I remove starting and ending padding from area chart
- Highcharts - how to remove "Open in Highcharts Cloud" from the export menu
- How can we add chart context menu in highcharts-angular?
- Highcharts context menu causes chart to disappear on return from print screen only on Chrome
- How do you remove the partialFill from Highcharts xrange chart
- How to remove button from Highcharts
- How can I remove the white border from HighCharts pie chart?
- Highcharts how to remove headers from tooltip
- Custom Highcharts Context Menu Button Appearing in Every Chart on Page
- How do I get remove of 'data table' option from High chart export
- Highcharts Column chart with drilldown, remove hyperlink like formatting from x-axis labels
- How do you remove x-axis labels from a highchart.js bar chart
- How to add space between chart and axis in highcharts
- How to remove white space from pie chart in highchart.js?
- Add dynamic data to line chart from mysql database with highcharts
- How do I remove the color swatch from my HighCharts legend without affecting the column?
- How to make a pie chart from highcharts responsive
- Highcharts - Remove first marker from Area chart in every series
- How to remove the value and number labels from Highcharts angular gauge
- Highcharts basic bar graphs. How to remove strokewith from the bars
- How to add a horizontal line in Column bar chart in Highcharts plugin?
- How to remove outer shadow when hovered from highcharts JAVASCRIPT
- Highcharts context menu button appearing thrice for the same chart
- Higcharts - How to remove groupPadding from the beginning of the chart
- How do i add mouse wheel code in Angular2 highcharts in typescript
- How to generate highcharts chart from multiple local json files
- How to hardcode chart data in my Model then have my Controller pull it from there to display it. Using Highcharts
- How set options from HIGHCHARTS in a chart using vue chartkick
- how to add new index Highcharts column drilldown chart
More Query from same tag
- Highcharts - Get all renderers in a chart
- How to fix hidden dataLabel in highcharts?
- Highchart - xAxis values are to close
- Rebuild JSON after $http.get with AngularJS
- highcharts error #13 histogram
- Is there a way to have one series name for multiple series without duplicating the series name in the tooltip?
- Reports with parameter working fine independently but not functional in cockpit (composite document)
- High Charts : Equal spacing for X Axis for unequal interval
- Show labels outside in sunburst highchart
- How can I scrape Json data from Highcharts (stats.twitchapps.com)
- Highchart Pie-Donut Chart Outer Y Value
- How to popup a file dialog/print dialog in a html file that is rendered in a WebEngineView?
- show data of highcharts from database table laravel
- Highcharts Spline: Custom chart marker, on a staggered interval, across the plotted line?
- Change Candle color based on Stochastic values
- Serializing a function as a parameter in json using C#
- Issues Getting Highcharts Export Server Running Under iisnode
- Plotting a Highcharts Heat map from irregular data
- How do you remove elements added with .add() function in HighCharts?
- Style specific data element in highchart
- Highchart is not loading
- Html not rendering chart
- High Charts donut chart percentages adding to 100.1%
- Mix categories and subtasks in HighCharts Gantt?
- How to display specific years only on xAxis in a column-graph with Highcharts
- Why doesn't highcharts solidgauge charts scale the way I expect?
- How to add value in the tooltip in graph Highcharts?
- The labels are displayed but data is not displayed
- How do you add text to the bottom center of legend and bottom center of chart under legend?
- Resetting Highcharts to initial state