score:36
believe there is a configuration option for this.
within series, set "visible = false"
the legend will still list the series but greyed out. and the series itself will be hidden in the chart upon initial display.
example configuration:
series: [{
name: 'hiddenbydefault',
legendindex: 1,
visible: false,
color: '#4572a7',
type: 'spline',
data: [a, b, c],
tooltip: {
valuesuffix: ' ¥'
}
}
score:0
https://api.highcharts.com/highcharts/plotoptions.series.enablemousetracking enable or disable the mouse tracking for a specific series. this includes point tooltips and click events on graphs and points. for large datasets it improves performance.
score:8
you can achive this by hiding all the series that you dont want to see just after the chart has completed loading.
fiddle : http://jsfiddle.net/bhdlx/
code:
$(function () {
// create the chart
$('#container').highcharts({
chart: {
events: {
load: function(event) {
alert ('chart loaded');
this.series.foreach(function(d,i){if(d.options.id==1)d.hide()})
}
}
},
xaxis: {
},
series: [{
animation: false,
id : 1,
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
},
{
animation: false,
id : 2,
data: [29.9, 144.0, 176.0, 71.5, 106.4, 129.2, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
},{
animation: false,
id : 3,
data: [ 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4]
}]
});
});
Source: stackoverflow.com
Related Query
- Disable series through configuration in highcharts
- highcharts - disable fading series on marker hover
- Highcharts - Global configuration with common code and unique data & Headings
- Highcharts - How to I disable a series when I enable another one?
- Highcharts series data not persisting through angular route change
- Highcharts series visibility with csv data source
- How to have multiple highcharts with different series data in vuejs without repeating code
- Performance issue adding series through loop in Highcharts
- HighCharts Disable some Series Name from the Legend
- Hide Highcharts series through legend without having an empty space between them
- GWT Highcharts - disable series animation
- Highcharts Parallel Coordinates: Hover/Highlight all series through point
- Filtering through highcharts series data array
- Highcharts displays series names but missing data points from json source
- Dynamically changing Highcharts Theme through Jquery code not working
- Set Additional Data to highcharts series
- HighCharts Hide Series Name from the Legend
- How can I get access to a Highcharts chart through a DOM-Container?
- Proper way to remove all series data from a highcharts chart?
- Disable highcharts tooltip on certain lines, leave it enabled on others?
- Disable hover on HighCharts
- Hiding a Highcharts series without using the legend
- Changing data dynamically for a series in Highcharts
- Highcharts 3 cannot render more than 1000 points in one series
- Highcharts Series - want to show/hide all EXCEPT selected series (reversal of default logic)
- How can I hide series from a HighCharts legend?
- Add additional data to a Highcharts series for use in formatters
- Disable tooltip on certain points in Highcharts
- How can I hide a series from initially being displayed in Highcharts
- HighCharts series Z index
More Query from same tag
- Change series point colour on hover
- Dynamic colors and y-Axis descriptions in Highcharts
- how to apply tooltip formatter in charts module drupal
- How to change JSON Format For load data to Highchart
- Highcharts setExtremes() does not display the correct interval for one day
- The live graph stops when the mouse pointer is put inside the graph area?
- Looking for a Highmaps example of worldmap with GPS coordinates
- How can we add chart context menu in highcharts-angular?
- Trouble converting time to UTC for highstocks
- How can I plot regions using HighCharts GeoMaps?
- highcharts remove gap (column) with zero value
- boxplot catergories don't line up Highcharts
- Plotting multiple points in highchart timeseries
- Drawing a line between 2 points in line chart using Highcharts?
- highcharter: how do I make a grouped plot using the hcaes function
- Highcharts donut label overflow container
- Highcharts - Organizing the raw data
- highchart desing issue regarding linerange on the chart
- How to set different colors for bars based on value in Highchart bar chart?
- Tooltip descriptions hidden beneath buttons and tables
- Making a master-detail Highchart in Stackoverflow style
- Display series.data.name after drilldown dynamically
- Highcharts boxplot custom labels for maximum quartiles median and minimum?
- Draggable Highcharts SVG Element
- How to hide grid line protrusion in bar chart
- How to show all values at datetime axis in highcharts?
- How to change circle to rectangle when mouse hovers on the heat map charts
- Decimal values for yAxis categories in Highcharts
- Highchart duplicates data on chart instead of refreshing it
- Highcharts - bubble diagram need smaller bubbles infront of bigger