Plot 高分榜：第二轮赢得'；t在第二轴上绘图_Plot_Highcharts

Plot 高分榜：第二轮赢得'；t在第二轴上绘图

plot highcharts

Plot 高分榜：第二轮赢得'；t在第二轴上绘图,plot,highcharts,Plot,Highcharts,好了，各位，我是一个海图初学者，但我已经尝试了一遍教程，我仍然没有看到我的错误。我试图复制Excel中的一个图形，在百分比堆叠条形图上绘制样条曲线图。无论我如何努力，我似乎无法使用以下代码在次轴上绘制样条曲线系列： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Acumun Data Visualization</title> <script s

好了，各位，我是一个海图初学者，但我已经尝试了一遍教程，我仍然没有看到我的错误。我试图复制Excel中的一个图形，在百分比堆叠条形图上绘制样条曲线图。无论我如何努力，我似乎无法使用以下代码在次轴上绘制样条曲线系列：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Acumun Data Visualization</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-    beta1/jquery.js">
</script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script type="text/javascript">
$(function() {
  $('#container').highcharts({
    title: {
      text: "Degree Type by Cohort"
    },
    xAxis: [{
      categories: ['2006', '2007','2008', '2009','2010','2011','2012',
                '2013','2014'],
  crosshair: true
}],

yAxis: [{//primary Y Axis
  gridLineWidth: 0,
  min: 0,
  max:100,
  labels: {
    format: '{value}%',
    style: {
      color: Highcharts.getOptions().colors[1]
            }
          },
    title: {
      text: '% Degree Composition',
      style: {
          color: Highcharts.getOptions().colors[1]
        }
      }
    }, {//Secondary axis
      min: 0,
      max: 350,
      gridLineWidth:1,
      title:{
        text: 'Cohort size',
        style: {
          color: Highcharts.getOptions().colors[0]
        }
      },
      labels: {
        format: '{value}',
        style: {
          color: Highcharts.getOptions().colors[0]
                }
              },
      opposite: true
    }],
    tooltip: {
      shared: true
    },
    plotOptions: {
      column: {
        stacking: 'percent'
      }
    },
    series: [{ //Bachelors data
      name: 'BS',
      type: 'column',
      //yaxis: 1,
      data: [1,27,75,121,145,136,45,64,59]
    }, { //Masters data
      name: 'MS',
      type: 'column',
      //yaxis: 1,
      data: [8,21,46,54,68,77,44,32,44]
    }, {//PhD Data
      name: 'PhD',
      type: 'column',
      //yaxis: 1,
      data: [22,57,54,78,84,74,45,46,48]
    }, { //Cohort Size - Spline plot
      name: 'Cohort Size',
      type: 'spline',
      yaxis: 1,
      data: [31,105,175,253,297,287,134,142,151]
    }]
 });
});
</script>
</head>
<body>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto">    </div>
</body>
</html>


Acumun数据可视化
$（函数（）{
$（“#容器”）。高图({
标题：{
正文：“按队列划分的学位类型”
},
xAxis：[{
类别：['2006'、'2007'、'2008'、'2009'、'2010'、'2011'、'2012'，
'2013','2014'],
十字准星：对
}],
yAxis:[{//主Y轴
网格线宽：0，
分:0,，
最高：100，
标签：{
格式：“{value}%”，
风格：{
颜色：Highcharts.getOptions（）.color[1]
}
},
标题：{
文本：'%Degree Composition'，
风格：{
颜色：Highcharts.getOptions（）.color[1]
}
}
}，{//次轴
分:0,，
最高：350，
网格线宽度：1，
标题：{
文本：“队列大小”，
风格：{
颜色：Highcharts.getOptions（）.color[0]
}
},
标签：{
格式：“{value}”，
风格：{
颜色：Highcharts.getOptions（）.color[0]
}
},
相反：对
}],
工具提示：{
分享：真的
},
打印选项：{
专栏：{
堆叠：“百分比”
}
},
系列：[{///学士学位数据
名称：‘BS’，
键入：“列”，
//亚克西斯:1,，
数据：[1,27,75121145136,45,64,59]
}，{//主数据
姓名：‘MS’，
键入：“列”，
//亚克西斯:1,，
数据：[8,21,46,54,68,77,44,32,44]
}，{//PhD数据
姓名：'博士'，
键入：“列”，
//亚克西斯:1,，
数据：[22,57,54,78,84,74,45,46,48]
}，{//队列大小-样条曲线图
名称：'队列大小'，
类型：“样条线”，
亚克西斯:1,，
数据：[31105175253297287134142151]
}]
});
});

问题在于简单的打字错误。在样条曲线系列中，将yaxis更改为yaxis

代码是

...
}, { //Cohort Size - Spline plot
  name: 'Cohort Size',
  type: 'spline',
  yaxis: 1,
  data: [31,105,175,253,297,287,134,142,151]
}]
...

代码应该是

...
}, { //Cohort Size - Spline plot
  name: 'Cohort Size',
  type: 'spline',
  yAxis: 1,
  data: [31,105,175,253,297,287,134,142,151]
}]
...

甜蜜的仁慈的废话！当然会这么简单。哦，好吧，那是为了提醒你。我知道我一定是看穿了它。我太偏执于正确的逗号位置，完全忽略了正确的camelCase语法。