Highcharts 海图没有显示任何东西
谁能告诉我我做错了什么。因为我的图表显示X值,但我的Y值不在图表上绘制 请注意,之所以使用x:和y:是因为我使用的是dotnet highchart helperHighcharts 海图没有显示任何东西,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
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,对您同样,它确实帮助了我很多。