Javascript 数据和工具提示不适用于使用highcharts的图形

Javascript 数据和工具提示不适用于使用highcharts的图形,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我试图得到一个基本的柱状图,其中我将在特定的一天(x轴)为特定的工作(工具提示)绘制maphours(y轴)的趋势图,减少工时(y轴) 我正在用y轴值和要在工具提示中显示的jobname值填充数据数组。x轴值是一个日期戳(每日值,即x轴上的一个日期) 问题-图形容器正在启动,但未拾取y轴值和工具提示 我填充数组的代码- var obj = data; var jobSummaryMappersPT = []; var job

我试图得到一个基本的柱状图,其中我将在特定的一天(x轴)为特定的工作(工具提示)绘制maphours(y轴)的趋势图,减少工时(y轴)

我正在用y轴值和要在工具提示中显示的jobname值填充数据数组。x轴值是一个日期戳(每日值,即x轴上的一个日期)

问题-图形容器正在启动,但未拾取y轴值和工具提示

我填充数组的代码-

            var obj = data;
            var jobSummaryMappersPT = [];
            var jobSummaryReducersPT = [];
            var jobSummaryMappersDB = [];
            var jobSummaryReducersDB = [];
            var datestamp = [];

            for(i=0;i<obj.length-1;i++){

                  if(obj[i].grid=='PT'){
                          jobSummaryMappersPT.push({mappers: obj[i].maphours, jobname: obj[i].jobname}); // Filling of Array after Ajax Call
                          jobSummaryReducersPT.push({reducers: obj[i].reducehours, jobname: obj[i].jobname}); //Filling of Array
                          datestamp.push(obj[i].date.replace('T00:00:00.000Z', ' '));
                  }else{ 
                          jobSummaryMappersDB.push({mappers: obj[i].maphours, jobname: obj[i].jobname}); // Filling of Array after Ajax Call
                          jobSummaryReducersDB.push({reducers: obj[i].reducehours, jobname: obj[i].jobname}); //Filling of Array

                  }
            }
            job_summary_chart(jobSummaryMappersPT, jobSummaryReducersPT, jobSummaryMappersDB, jobSummaryReducersDB, datestamp);
我认为问题在于映射器和作业名后面的“=”符号。在数据属性中,它接受冒号=“:”,这就是为什么图形不拾取值的原因


如何修复此问题以使图表正常工作?并获取工具提示以显示作业名

如果我理解正确,您的问题不仅在于工具提示,图表甚至无法使用您的数据呈现。您将
mappers
reducers
设置为Y值的属性名称,但是highcharts如何知道这些属性是它应该选择Y值的位置呢

将属性
mappers
reducers
更改为
y
应能使其正常工作:

jobSummaryMappersPT.push({y: obj[i].maphours, jobname: obj[i].jobname}); // Filling of Array after Ajax Call
jobSummaryReducersPT.push({y: obj[i].reducehours, jobname: obj[i].jobname}); //Filling of Array
工具提示的代码在我看来很好

 [Object { mappers=97, jobname="abcd.pig"}, 
     Object { mappers=33, jobname="abcd.pig"},          
     Object { mappers=31, jobname="abcd.pig"}, 
     Object { mappers=15, jobname="abcd.pig"}, 
     Object { mappers=15, jobname="abcd.pig"}, 
     Object { mappers=12, jobname="abcd.pig"}]
jobSummaryMappersPT.push({y: obj[i].maphours, jobname: obj[i].jobname}); // Filling of Array after Ajax Call
jobSummaryReducersPT.push({y: obj[i].reducehours, jobname: obj[i].jobname}); //Filling of Array