score:5
Accepted answer
you can hide the symbols using legend options:
legend: {
symbolpadding: 0,
symbolwidth: 0,
symbolheight: 0,
squaresymbol: false
},
highcharts.chart('container', {
legend: {
symbolpadding: 0,
symbolwidth: 0,
symbolheight: 0,
squaresymbol: false
},
xaxis: {
categories: ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec']
},
series: [{
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]
}, {
type: 'column',
data: [95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1]
}]
});
<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>
score:4
one workout is by giving .001 to hide symbol
legend: {
symbolheight: .001,
symbolwidth: .001,
symbolradius: .001
},
score:9
you can hide it simply using css.
this worked for me
square and circle:
.highcharts-legend-item rect{
display:none;
}
line :
.highcharts-legend-item path {
display: none;
}
Source: stackoverflow.com
Related Query
- Is it possible to hide the line & symbol next to Highcharts legend items?
- Hide or Disable Legend or Label in the end Highcharts line
- HighCharts Hide Series Name from the Legend
- Highcharts - How to display legend symbol inside the tooltip
- Is it possible to hide the navigator in highcharts at runtime?
- Is it possible in highcharts to have 2 charts, sharing the same x-axis, but next to one another?
- highcharts legend items align to the left when width is set
- Is it possible to set Highcharts to hide tooltip when the mouse pointer is 30px away
- Possible to force Highcarts to use the circle symbol for all the series in a line graph?
- Change the legend in highcharts heatmap to show instead of a color bar, a set of fixed icons with hide and show on click
- Highcharts -> how to add vertical title to bar? how to make the symbol in the legend a rectangle?
- How do i color the highcharts legend square symbol when my chart has multiple color entries
- highcharts hide the chart except the legend
- Highcharts - Is it possible to display the my own text on the data-labels of line chart?
- highcharts Line color in the chart, in the legend and in the tooltip do not match
- Highcharts Pie chart: how to hide the legend for all but the three highest values
- Highcharts legend items on one line and overlapping
- Is it possible to have the line chart data points in highcharts to be represented as a rectangle instead of a circle?
- HighCharts : Is it possible to customize the colors of individual series?
- Hide line in default state in Highcharts
- Hiding a Highcharts series without using the legend
- How to hide labels in the highcharts in the pie
- Highcharts: Make the legend symbol a square or rectangle
- Highcharts => Getting the id of a point when clicking on a line chart
- Highcharts - How to programmatically toggle legend items and determine which items are selected
- Is it possible to position Highcharts dataLabels depending on the value?
- How can i hide all the Series in highcharts at a time
- Highcharts - Legend Positioning outside the chart
- Possible to connect the zoom on two Highcharts graphs?
- Display legend items in two columns highcharts
More Query from same tag
- How to remove outer shadow when hovered from highcharts JAVASCRIPT
- Highchart 1.2.5 not working in IE9
- How can i assign the same yAxis.categories values to series.data in HighCharts?
- Is there a Line of Bar Charting Javascript Library which is free/ Which contains the ability to add a report filter
- Convert Javascript Object to array of arrays with two values
- highchart export button not show
- Highchart Combochart Rendered Wrong
- Array for subseries on highcharts Drilldown
- Changing the contents of Highcharts legend
- Highcharts Credits itemStyle not working
- HighChart Renders Blank with Small Data Set
- Highstock export csv based on data grouping
- Linking issue between python script, flask framework, and html
- how to set the interval of points on Y - Axis highcharts
- programatically change the color of a highcharts spline series?
- The graph is not equal on the basis of the addition code in Highcharts
- Pie chat dynamic drilldown(3levels) using highchatjs
- Highcharts - Is there a way to disble styled mode for certain elements?
- Integrate social media network sharing buttons to Highcharts.
- Highcharts saying undefined is not a function when trying to add a new chart
- Dual x-axis on same line with Highcharts. Possible?
- Highcharts Y Axis overlay while re-rendering with React
- Highcharts selection event not passing xAxis
- in HighChart the X axis 0(zero) geting up in the middle of the chart when there is no record or all the records are zero
- Angular4 with highcharts can't use world.js
- Highcharts renderTo container not found (error 13)
- Highcharts view full screen in older version
- Using HighCharts and DotNet.HighCharts to "Play" Multiple Series
- Highcharts - How do I keep both line points in from splitting between the two bar charts
- Click event in highcharter treemap (R shiny)