disabling marker working in line chart - Javascript highcharts

Javascript examples for highcharts:Line Chart

  1. HOME
  2. Javascript
  3. highcharts
  4. Line Chart

Description

disabling marker working in line chart

Demo Code

ResultView the demo in separate window 

<html>
   <head> 
      <title>highcharts bubble</title> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
      <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.0.js"></script> 
      <script type="text/javascript">
    $(window).load(function(){//from   ww  w .j av  a2  s  .  c  o  m
   $(document).ready(function() {
    chart = new Highcharts.Chart({
        chart: {
            renderTo: "container",
            defaultSeriesType: "scatter"
        },
        plotOptions: {
            scatter: {
                lineWidth: 2
            }
        },
       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],
     marker: {
         fillColor: 'transparent'
     }
  },
{data: [129.9, 171.5, 10.4, 12.2,
        14.0, 17.0, 13.6, 14.5, 21.4,
        19.1, 9.6, 5.4]}]
    });
});
    });

      </script> 
   </head> 
   <body> 
      <script src="https://code.highcharts.com/highcharts.js"></script> 
      <script src="https://code.highcharts.com/highcharts-more.js"></script> 
      <script src="https://code.highcharts.com/modules/exporting.js"></script> 
      <div id="container" style="height: 600px; min-width: 310px; max-width: 800px; margin: 0 auto"></div>  
   </body>
</html>

Related Tutorials