2013-06-26 2 views
1

В моем приложении 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 ], 
        } ] 
       }); 
      }); 
     }); 

ответ

0

Ну, я открыл свой пример и line series видно, но есть пробелы, потому что вы используйте нулевые значения, поэтому я не уверен, что не так?

http://jsfiddle.net/eunLz/

+0

Если я экспортировать в PDF, это выглядит так, как хорошо. Но ваша версия работает из-за путей клипов (firebug может их видеть). В вашем коде я вижу: clip-path = "url (# highcharts-1)">, но в моем коде есть большая строка, которая испортила мои строки – Attiej