2015-04-01 75 views
0

如何在图表中显示的顶部网格线的顶格线,如何显示上highchart

我有我的图表,如何在图表

的顶部显示网格线红色网格线

$(function() { 
    $('#container').highcharts({ 

     credits: { 
      enabled: false 
     }, 

     xAxis: { 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
     }, 

       yAxis: { 
      gridLineColor: 'red' 
     }, 

     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] 
     }] 
    }); 
}); 

小提琴链接:http://jsfiddle.net/pewx4esm/1/

我在CSS

代码设置指标试图

帮助非常感激

+0

的任何财产,如果你设置DIV的风格为 “边境顶:1px的固体红色​​;”比你会在图表顶部获得网格线。 – Yash 2015-04-01 05:18:53

+0

@Yash你有没有看到小提琴链接,我问如何显示图表中已经存在的网格线应显示在图表 – 2015-04-01 05:27:14

+0

。@ Pandiyan,你的问题很混乱。我已经看到你的小提琴链接。它看起来很好。我不明白你为什么要在图表上使用网格线。 – Yash 2015-04-01 05:38:28

回答

2

试试这个:

$(function() { 
$('#container').highcharts({ 
    credits: { 
     enabled: false 
    }, 

    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 

      yAxis: { 
     gridLineColor: 'red', 
       gridZIndex:90 
    }, 

    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] 
    }] 
}); 
+0

感谢您的帮助 – 2015-04-01 08:46:31