简体   繁体   中英

Remove line dots from the area spline chart

I need to remove the dots from the line of the line. I have seen this answer Stop HighCharts increasing width of line on hover But Did not work for me.

Here is the fiddle

Here is my code

Highcharts.chart('graph_box', {
  chart: {
    type: 'areaspline',
    width: 300,
    height: 275
  },
  xAxis: {
    gridLineWidth: 0,
    labels: {
      enabled: false
    },
    categories: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12']
  },
  yAxis: {
    title: {
      text: ''
    },
    gridLineWidth: 0,
    labels: {
      enabled: false
    }
  },
  tooltip: {
    shared: true,
    valueSuffix: ' units'
  },
  credits: {
    enabled: false
  },
  plotOptions: {
    line: {
        marker: {
            enabled: false
        }
    },
    areaspline: {
      fillOpacity: 0.5
    },
    series: {
      lineWidth: 2,
      states: {
        hover: {
          enabled: false
        }
      }
    }
  },
  series: [
    {
      lineColor: '#8b8bff',
      color: '#c5c6ff',
      lineWidth: '4px',
      data: [3, 8, 9, 5, 4, 10, 12, 6, 7, 1, 4, 6]
    }
  ]
})

Can someone please help!!

The series markers can be disabled in this way:

        plotOptions: {
            line: {
                marker: {
                    enabled: false
                },
                states: {
                    hover: {
                        enabled: false
                    }
                }
            }
        },

Live demo: http://jsfiddle.net/BlackLabel/4o023vxg/

API: https://api.highcharts.com/highcharts/plotOptions.line.states.hover.enabled

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM