create line chart with line stroke setting - Javascript highcharts

Javascript examples for highcharts:Line Chart

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

Description

create line chart with line stroke setting

Demo Code

ResultView the demo in separate window 

<!--//from  ww  w .j  av a  2 s . c  o m
Created using JS Bin
http://jsbin.com
Released under the MIT license: http://jsbin.mit-license.org
-->
<html>
   <head> 
      <script src="https://code.jquery.com/jquery-1.9.0.min.js"></script> 
      <script src="https://code.highcharts.com/highcharts.src.js"></script> 
   </head> 
   <body> 
      <div id="container"></div> 
      <script>
$(document).ready(function(){
  chart = new Highcharts.Chart({
    chart: {
      renderTo: 'container'
    },
    series: [{
      data: [1,4,17]
    }]
  }, function(chart){
    chart.renderer.path(['M', 12, 0, 'L', 6, 12, 'L', 18, 12, 'Z']).attr({
      'stroke-width' : 2,
      'fill' : 'black'
    }).translate(500,100).add();
  });
});

      </script>  
   </body>
</html>

Related Tutorials