score:34
The problem is not the gridLineWidth
. You've set that correctly.
In addition you need to set the minorGridLineWidth
that you have to set to 0
score:1
for all other lines here is what worked for me, in some cases using line transparency as the color was the only solution I could find.
$(function() {
$('#container').highcharts({
colors: ['#00f900', '#ffff3c', '#ff2600'],
credits: {
enabled: false
},
exporting: {
enabled: false
},
legend: {
itemDistance: 60
},
lineColor: 'red',
chart: {
type: 'column',
backgroundColor: 'transparent'
},
title: {
text: ''
},
legend: {
itemStyle: {
color: 'white',
fontWeight: 'normal',
fontFamily: 'helvetica',
fontSize: '12px'
}
}
// ....rest in js fiddle
score:2
you just need to gridLineWidth set to 0
yAxis: {
min:0,
categories: ["","Low","Medium","High"],
tickWidth: 0,
crosshair: false,
lineWidth: 0,
gridLineWidth:0,//Set this to zero
title: '',
labels: {
formatter: function () {
return this.value;labels
}
},
showEmpty: false
}
score:2
None of the mentioned solutions worked for me, so this one finally worked (taken from Sparklines examples: https://www.highcharts.com/demo/sparkline):
yAxis: {
startOnTick: false,
endOnTick: false,
tickPositions: [],
}
score:5
If you doesn't want to touch the config object, you just hide the grid by css:
.chart-container .highcharts-grid {
display: none;
}
Source: stackoverflow.com
Related Query
- remove grid line on chart
- How to remove the grid line overlappings in highcharts?
- How to change space value between grid and yAxis in Highcharts line chart
- Highstock - Remove bottom date tooltip from line chart
- How to remove sliced line from pie high chart if there there is only one object in data
- Remove line dots from the area spline chart
- How to remove fine white line between halo and Highcharts pie chart
- Grid (gridlines) in Highcharts line chart
- How to hide grid line protrusion in bar chart
- HighCharts turn animation false for line chart
- High charts remove dots from the line graph
- Remove Export and print button plugin on highchart chart
- Highcharts => Getting the id of a point when clicking on a line chart
- Gradient Fill on Line Chart (Highcharts)
- Highcharts: Remove space between plot border and actual chart
- Improve performance of Highcharts line chart
- Highchart Area Range chart with gradient that follows the line
- Highcharts - How to remove connecting line between fixed tooltip and point
- Highcharts - best way to handle and display zero (or negative) values in a line chart series with logarithmic Y axis
- Highcharts line chart won't display line chart in IE
- How do I get remove of 'data table' option from High chart export
- Remove Tooltip in Synchronized Charts, When user leaves the chart area
- 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
- Highcharts : hiding bottom-most x axis grid line
- Highcharts - How can I remove starting and ending padding from area chart
- How to remove white space from pie chart in highchart.js?
- Highcharts - Scatter chart with a line connecting the dots in the series
- how to remove the base line on the yaxis of highcharts?
- Highcharts line chart tooltips not showing correctly?
More Query from same tag
- Change SVG stroke options in Highcharts
- Per-cell border colors in a highcharts heat map
- How do I create polar charts with highcharts-react-official?
- highcharts endOnTick option showing unspecified value on axis
- HighCharts Pie Chart - Displaying multiple series values in Tooltip
- How to add Highcharts series automatically with a 2D-array?
- highchart dynamic binding using asp.net
- Highcharts navigator not working with data set
- *Highchart* Color of chart change when downloading two time continuously
- DataTable result to Json, what is wrong with my Json?
- Highcharts one input of the three not working
- Multiple pie-charts in the same chart with HighCharts
- HighCharts: automatic x-axis issue in presence of missing data values
- Highcharts and phantomjs error. Can't find variable Highcharts
- Highstock with php and mysql
- highcharts: dynamically define colors in pie chart
- Add label to column chart of Highchart
- Highcharts-browserify desn't work
- using JSON dates with Highstock chart (asp.net MVC)
- cakephp highchart fatal error while rendering
- Inner area color for pie-donut highchart
- Highcharts: some x-axis labels are disappearing after using setExtremes()
- Change the zoom level for highmaps
- How to plot a highstock single line series graph from ajax data
- verticalAlign ignored for non 0 rotation
- Responsive highchart gauge
- Background event on Highcharts Gantt
- High Charts Polar / Spider chart with off-graph y-axis labels
- Change high chart color for particulaar page
- Highcharts - Categories and X,Y data