Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Highcharts 海图没有显示任何东西_Highcharts - Fatal编程技术网

Highcharts 海图没有显示任何东西

Highcharts 海图没有显示任何东西,highcharts,Highcharts,谁能告诉我我做错了什么。因为我的图表显示X值,但我的Y值不在图表上绘制 请注意,之所以使用x:和y:是因为我使用的是dotnet highchart helper chart: { renderTo:'chart_0_container', backgroundColor: '#FFFFFF', className: 'chart1', defaultSeriesType: 'line', marginRight: 10, plotShadow: false, resetZoomButto

谁能告诉我我做错了什么。因为我的图表显示X值,但我的Y值不在图表上绘制

请注意,之所以使用x:和y:是因为我使用的是dotnet highchart helper

chart: {    renderTo:'chart_0_container', backgroundColor: '#FFFFFF', className: 'chart1', defaultSeriesType: 'line', marginRight: 10, plotShadow: false, resetZoomButton: { position: { align: 'left' } }, zoomType: 'xy' }, 
    xAxis: { allowDecimals: false, type: 'linear' },
    yAxis: [{ labels: { formatter: function () {return Highcharts.numberFormat(this.value,2,'.' ,' ');} }, max: 0, title: { text: '' } }], 
    legend: { enabled: true },
    tooltip: { enabled: true, formatter: function() { return '<span style="color:' + this.series.color + ';">●</span> ' + this.series.name + ': <b>' + Highcharts.numberFormat(this.y,',','.') + '</b><br/>' + Highcharts.dateFormat(' %Y-%m-%d %H:%M (%A)' , new Date(this.x)); } },  
    title: { text: '' },  
    plotOptions: { line: { marker: { enabled: true } } }, 
    exporting: { enabled: true, filename: 'TrendExport' }, 
    series: [{ data: 
        [{ x: 49.898418, y: 21.32 }, 
        { x: 49.882478, y: 21.32 }, 
        { x: 51.759454, y: 21.57 }, 
        { x: 51.385514, y: 21.56 }, 
        { x: 50.678916, y: 21.47 }, 
        { x: 50.226594, y: 21.35 }, 
        { x: 49.956602, y: 21.25 }, 
        { x: 49.841858, y: 21.24 }, 
        { x: 49.865894, y: 21.28 }, 
        { x: 49.845258, y: 21.31 }, 
        { x: 49.797864, y: 21.21 }, 
        { x: 49.880792, y: 21.29 }, 
        { x: 50.863658, y: 21.31 }, 
        { x: 50.017988, y: 21.21 }, 
        { x: 49.98614, y: 21.21 }, 
        { x: 50.105496, y: 21.29 }, 
        { x: 49.712604, y: 21.19 }, 
        { x: 49.714074, y: 21.2 }, 
        { x: 49.756014, y: 21.19 }, 
        { x: 49.817874, y: 21.23 }, 
        { x: 49.798772, y: 21.21 }, 
        { x: 50.006356, y: 21.3 }, 
        { x: 50.06892, y: 21.32 }, 
        { x: 49.77289, y: 21.21 }, 
        { x: 49.700852, y: 21.2 }, 
        { x: 49.653704, y: 21.19 }, 
        { x: 49.736278, y: 21.21 }, 
        { x: 49.757966, y: 21.21 }, 
        { x: 49.7942, y: 21.22 }, 
        { x: 49.75787, y: 21.21 }], name: 'ABSA Capital Durban Incomer (kVAr)' }]
图表:{renderTo:'chart_0_container',背景色:'#FFFFFF',类名:'chart1',defaultSeriesType:'line',marginRight:10,plotShadow:false,resetZoomButton:{position:{align:'left'},zoomType:'xy},
xAxis:{allowDecimals:false,键入:'linear'},
yAxis:[{labels:{formatter:function(){return Highcharts.numberFormat(this.value,2,'.','');}},max:0,title:{text:'''}}],
图例:{enabled:true},
工具提示:{enabled:true,formatter:function(){return'● ' + this.series.name+':'+Highcharts.numberFormat(this.y',',')+'
'+Highcharts.dateFormat(“%y-%m-%d%H:%m(%A)”,新日期(this.x));}, 标题:{文本:'}, 绘图选项:{line:{marker:{enabled:true}}}, 正在导出:{enabled:true,文件名:'TrendExport'}, 系列:[{数据: [{x:49.898418,y:21.32}, {x:49.882478,y:21.32}, {x:51.759454,y:21.57}, {x:51.385514,y:21.56}, {x:50.678916,y:21.47}, {x:50.226594,y:21.35}, {x:49.956602,y:21.25}, {x:49.841858,y:21.24}, {x:49.865894,y:21.28}, {x:49.845258,y:21.31}, {x:49.797864,y:21.21}, {x:49.880792,y:21.29}, {x:50.863658,y:21.31}, {x:50.017988,y:21.21}, {x:49.98614,y:21.21}, {x:50.105496,y:21.29}, {x:49.712604,y:21.19}, {x:49.714074,y:21.2}, {x:49.756014,y:21.19}, {x:49.817874,y:21.23}, {x:49.798772,y:21.21}, {x:50.006356,y:21.3}, {x:50.06892,y:21.32}, {x:49.77289,y:21.21}, {x:49.700852,y:21.2}, {x:49.653704,y:21.19}, {x:49.736278,y:21.21}, {x:49.757966,y:21.21}, {x:49.7942,y:21.22}, {x:49.75787,y:21.21}],名称:'ABSA Capital Derban Incomer(kVAr)}]
提前感谢您。

您在yAxis中有max:0。 在此处修复:),请检查

您在yAxis中有max:0。 在此处修复:),请检查


理想情况下,您应该从后端逻辑获取已排序的数据,并将其提供给图表。如果无法按顺序排序,请执行以下操作: 将序列数据放入变量中,并使用以下方法对数据进行排序:

   var dataToSort = [{ x: 49.898418, y: 21.32 }, 
                     { x: 49.882478, y: 21.32 }, 
                     { x: 51.759454, y: 21.57 }, 
                     { x: 51.385514, y: 21.56 }, 
                     { x: 50.678916, y: 21.47 }, 
                     { x: 50.226594, y: 21.35 }, 
                      //  .......and so on

   dataToSort.sort(function(a, b) {
   return parseFloat(a.x) - parseFloat(b.x);
   });
另外,删除工具提示中的日期格式化程序,您的数据在x字段中似乎没有任何时间戳或UTC日期

同样如@mekhatria所述,移除最大值:0


请参见

理想情况下,您应该从后端逻辑获取已排序的数据,并将其提供给图表。如果无法按顺序排序,请执行以下操作: 将序列数据放入变量中,并使用以下方法对数据进行排序:

   var dataToSort = [{ x: 49.898418, y: 21.32 }, 
                     { x: 49.882478, y: 21.32 }, 
                     { x: 51.759454, y: 21.57 }, 
                     { x: 51.385514, y: 21.56 }, 
                     { x: 50.678916, y: 21.47 }, 
                     { x: 50.226594, y: 21.35 }, 
                      //  .......and so on

   dataToSort.sort(function(a, b) {
   return parseFloat(a.x) - parseFloat(b.x);
   });
另外,删除工具提示中的日期格式化程序,您的数据在x字段中似乎没有任何时间戳或UTC日期

同样如@mekhatria所述,移除最大值:0


请参见

您的数据未排序,Highcharts期望数据排序您的数据未排序,Highcharts期望数据排序非常感谢您的经验帮助。@mekhatria,对您同样,它确实帮助了我很多。非常感谢您的经验帮助。@mekhatria,对您同样,它确实帮助了我很多。