2016-03-01 5 views
0

Это код, созданный с помощью highcharts для линий и точек. Я использую элемент проверки и точки, где они должны быть, но они кажутся прозрачными или что-то вроде графика. но код выглядит правильно.Нет данных о точках и строках Highcharts

<g class="highcharts-series-group" zIndex="3"> 
    <g class="highcharts-series" clip-path="url(http://localhost:63540/admin/reports.aspx?type=like#highcharts-1)" visibility="visible" transform="translate(40,10)"> 
    <path d="M 244 50.4 L 732 302.6" fill="none" stroke="rgb(0, 0, 0)" stroke-width="5" isShadow="true" stroke-opacity="0.05" transform="translate(1,1)"></path> 
    <path d="M 244 50.4 L 732 302.6" fill="none" stroke="rgb(0, 0, 0)" stroke-width="3" isShadow="true" stroke-opacity="0.1" transform="translate(1,1)"></path> 
    <path d="M 244 50.4 L 732 302.6" fill="none" stroke="rgb(0, 0, 0)" stroke-width="1" isShadow="true" stroke-opacity="0.15000000000000002" transform="translate(1,1)"></path> 
<path d="M 244 50.4 L 732 302.6" fill="none" stroke="#4D4D4D" stroke-width="2"></path><path d="M 732 298.6 C 737.328 298.6 737.328 306.6 732 306.6 C 726.672 306.6 726.672 298.6 732 298.6 Z" fill="#4D4D4D" stroke="#FFFFFF" stroke-width="0.000001" zIndex="2000"></path> 
    <path d="M 244 46.4 C 249.328 46.4 249.328 54.4 244 54.4 C 238.672 54.4 238.672 46.4 244 46.4 Z" fill="#4D4D4D" stroke="#FFFFFF" stroke-width="0.000001"></path></g></g> 

Что может быть не так? Забавно, что я скопировал код из моего другого проекта (который работает) и только изменил данные.

это скомпилированный код JS:

var dates = ['1394/12/06','1394/12/11']; 
    after.push(function() { 
      chart = new Highcharts.Chart({ 
       chart: { 
        height: 500, 
        backgroundColor:'#eee', 
        renderTo: 'chart', 
        defaultSeriesType: 'line', 
        // marginRight: 130, 

        //marginBottom: 150, 
        // marginTop: 20, 
        // events: { click: function() { startWait($('html')); document.location = 'price.aspx' } } 
       }, 
       title: { 
        text: '', 
        x: -20 //center 
       }, 
       subtitle: { 
        text: '', 
        x: -20 
       }, 
       xAxis: { 
        categories: dates, 
        labels: { 
         rotation: 90, 
         formatter: function() { 
          return this.value; 
         }, 
         y:40 
        } 

       }, 
       yAxis: { 
        title: { 
         text: '' 
        }, 
        plotLines: [{ 
         value: 0, 
         width: 1, 
         color: '#808080' 
        }], 
        labels: { 
         formatter: function() { 
         // return toFarsi(virgulize(this.value)) ; 
         } 
        } 
       }, 
       tooltip: { 
        formatter: function() { 
         return "<b>" + this.y + "</b>"; 
        } 
       }, 
       legend: { 
        //enabled: false 
       }, 
series: [ 

       { 
        name:' likes', 
        color:'#4D4D4D', 
        data: [2,1] 
       }, 

] 
      }); 
     }); 
+0

Кажется, что все нормально, как есть: http://jsfiddle.net/jlbriggs/54upcw1d/ Можете ли вы воспроизвести проблему в скрипке? – jlbriggs

ответ

1

Ну после отключения CSS, JavaScript, и многие другие тесты ничего не получалось. Благодаря jlbriggs его скрипка дала мне представление о тестировании кода со старой версией jquery.

Он работал со старой версией jquery.

Обновление: Новая версия Highcharts работает с последней версией jquery.

Смежные вопросы