2015-04-01 74 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