define the color of the underline of xAxis in line chart - Javascript highcharts

Javascript examples for highcharts:Line Chart

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

Description

define the color of the underline of xAxis in line chart

Demo Code

ResultView the demo in separate window 

<html>
   <head> 
      <title>Highcharts Demo</title> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
      <style id="compiled-css" type="text/css">

.highcharts-xaxis-labels span {
   text-decoration: underline;/*from  w  w w  .j  av a 2 s  .co  m*/
   text-decoration-color: red;
}


      </style> 
   </head> 
   <body> 
      <script src="https://code.highcharts.com/highcharts.src.js"></script> 
      <div id="container"></div> 
      <script type="text/javascript">
var chart = Highcharts.chart('container', {
  xAxis: {
    labels: {
      useHTML: true
    }
  },
  series: [{
    data: [1, 2]
  }]
});

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

Related Tutorials