Javascript 在Highcharts上显示单个图表

您好，我在Highcharts中的代码有问题，我已经声明了我的系列，但它只显示了一组图表。所有数据都设置在var dataStr上，关于如何放置数据，我对传递的每个数据使用push。所以我认为问题在于我的推压

var dataStr = [
  {name: 'JOB-182', problemReportCount: 0, totalCost: 50000, lostHour: 0, lostValue: 0},
  {name: 'JOB-185', problemReportCount: 0, totalCost: 3432.65, lostHour: 0, lostValue: 0},
  {name: 'JOB-188', problemReportCount: 4, totalCost: 5000, lostHour: 0, lostValue: 0},
  {name: 'JOB-189', problemReportCount: 0, totalCost: 1000, lostHour: 0, lostValue: 0}
];

var jRefs = [];
var prJRefs = [];
var prLostVals = [];
var prLostHours = [];
var totCosts = [];
for (var i = 0; i < dataStr.length; i++) {
    var jName = '' + dataStr[i].name;
    if (jName != '') {
        jRefs.push(jName);
        var prCount = dataStr[i].problemReportCount;
        if (prCount > 0) {
            prJRefs.push(jName);
            prLostVals.push(dataStr[i].lostValue);
            prLostHours.push(dataStr[i].lostHour);
            totCosts.push(dataStr[i].totalCost);
        }
    }
}

var genGraph = function() {
    $("#backButton").hide();

    $('#prGraph4').highcharts({
     chart: {
      type: 'column',
      plotBackgroundColor: '#F7F7F7'
     },
     title: {
      text: 'Problem Report'
     },
     subtitle: {
      text: 'Estimated Lost Values'
     },
     xAxis: {
      alternateGridColor: '#fff',
      categories: prJRefs
     },
     yAxis: {
      min: 0,
      title: {
       text: 'Amount'
      },
      stackLabels: {
       enabled: true,
       style: {
        fontWeight: 'bold'
       }
      }
     },
     plotOptions: {
      column: {
       stacking: 'normal',
      }
     },
     tooltip: {
      shared: true,
      formatter: function() {
       var s = '<b>' + this.x + '</b>';
       $.each(this.points, function() {
        var lostValue = this.y;
        s += '<br/><span style=" + dbl + "color:' + this.series.color + ';" + dbl + ">\u25CF</span> ' + this.series.name + ': <b>£</b> ' + lostValue.toFixed(2);
       });
       return s;
      }
     },
    series:[{
      name: 'Total Costs',
      data: totCosts,
      color: '#2ecc71',
      stack: 'total'
     }, {
      name: 'Estimated Lost Materials Value',
      data: prLostVals,
      color: '#e74c3c',
      stack: 'lost'
     }, {
      name: 'Estimated Lost Hours Price',
      data: prLostHours,
      color: '#e67e22',
      stack: 'lost'
     }] 
    });


};

var dataStr=[
{name:'JOB-182'，problemReportCount:0，totalCost:50000，lostHour:0，lostValue:0}，
{name:'JOB-185'，problemReportCount:0，totalCost:3432.65，lostHour:0，lostValue:0}，
{name:'JOB-188'，problemReportCount:4，totalCost:5000，lostHour:0，lostValue:0}，
{name:'JOB-189'，problemReportCount:0，totalCost:1000，lostHour:0，lostValue:0}
];
var jRefs=[]；
var prJRefs=[]；
var prLostVals=[]；
var prLostHours=[]；
var总成本=[]；
对于（变量i=0；i0）{
prJRefs.push（jName）；
push（dataStr[i].lostValue）；
push（dataStr[i].lostHour）；
totCosts.push（dataStr[i].totalCost）；
}
}
}
var genGraph=函数（）{
$（“#backButton”）.hide（）；
$（'prGraph4'）。高图({
图表：{
键入：“列”，
plotBackgroundColor:“#F7F7F7”
},
标题：{
文本：“问题报告”
},
副标题:{
文本：“估计损失值”
},
xAxis：{
alternateGridColor:“#fff”，
类别：prJRefs
},
亚克斯：{
分:0,，
标题：{
文本：“金额”
},
堆叠标签：{
启用：对，
风格：{
fontWeight:“粗体”
}
}
},
打印选项：{
专栏：{
堆叠：“正常”，
}
},
工具提示：{
分享：是的，
格式化程序：函数（）{
var s=''+此.x+''；
$.each（this.points，function（）{
var lostValue=此.y；
s+='
\u25CF'+this.series.name+'：£'+lostValue.toFixed（2）；
});
返回s；
}
},
系列：[{
名称：“总成本”，
数据：总成本，
颜色：“#2ecc71”，
堆栈：“总计”
}, {
名称：“预计损失材料价值”，
数据：prLostVals，
颜色：“#e74c3c”，
堆栈：“丢失”
}, {
名称：“估计损失工时价格”，
数据：prLostHours，
颜色：“#e67e22”，
堆栈：“丢失”
}] 
});
};

---

任何帮助都将不胜感激。谢谢

您只有一个可见列，因为只有一组数据满足此条件：

if (prCount > 0) {
    prJRefs.push(jName);
    prLostVals.push(dataStr[i].lostValue);
    prLostHours.push(dataStr[i].lostHour);
    totCosts.push(dataStr[i].totalCost);
}

此外，系列中的所有值：

预计损耗材料值

和

预计损耗工时价格

均为0

---

现场演示：

请提供一个，例如。你的代码现在没有任何作用。你能创建一个演示吗。对不起，我没看到。谢谢你，波塔切克。：）我很高兴能帮上忙。你可以投赞成票并接受答案：stackoverflow.com/help/someone-answersAlready-voated。只是我的重复次数不到15次再次感谢！