高位圖中的剪輯路徑使行不可見

在我的Java應用程序中，我有一個Highcharts折線圖。我可以看到圖表和線條正確創建，但線條不可見。在使用Firebug一段時間後，我發現線元素的剪輯路徑導致了問題。當我刪除剪輯路徑時，一切都按照它應該的方式工作。有誰知道什麼是剪輯路徑，它是在哪裏創建的，以及我如何防止創建？高位圖中的剪輯路徑使行不可見

在此先感謝

與剪輯路徑圖的一部分

<g class="highcharts-series-group" zIndex="3"> 
     <g class="highcharts-series" clip-path="url(http://localhost:8080/TEST/HvvKdhLBG_GOfT12f3Kh54IJiiZArBH0Chyl1i37kuIDMchs8P9Vf5Fk23LJVwIebtPVrBoSelg/Hvv97#highcharts-1)" visibility="visible" transform="translate(69,40)"> 
    </g>

代碼：

$(document).ready(function() 
     { 
      var chart1; // globally available 
      $(function() 
      { 
       var chart = new Highcharts.Chart({ 
        chart : { 
         renderTo: 'container', 
         defaultSeriesType: 'line' 
        }, 
        yAxis : { 
         title: { 
          x: -20 
         }, 
         plotLines : [ { 
          value : 0, 
          width : 1, 
          color : '#808080' 
         } ] 
        }, 
        xAxis : { 
         categories : [ 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec' ] 
        }, 
        series : [ { 
         data : [ 29.9, null, 106.4, 129.2, 144.0, 176.0, null, 148.5, 216.4, 194.1, 95.6, 54.4 ], 
        } ] 
       }); 
      }); 
     });

來源

2013-06-26 Attiej

好了，我打開你的榜樣和line series是可見的，但有差距，因爲你使用空值，所以我不知道什麼是錯的？

http://jsfiddle.net/eunLz/

來源

2013-06-26 14:16:29

如果我將它導出到pdf，它看起來也是這樣。但是你的版本因爲剪輯路徑而起作用（螢火蟲可以看到它們）。在你的代碼中，我可以看到：clip-path =「url（＃highcharts-1）」>，但在我的代碼中有一個更大的字符串，它弄亂了我的行 – Attiej

高位圖中的剪輯路徑使行不可見

回答

相關問題