Highcharts: Вторая серия не будет отображаться на второй оси

Хорошо. Все, я новичок в старших классах, но я пробовал перелистывать уроки, и я до сих пор не вижу своей ошибки. Я пытаюсь реплицировать график, сделанный в Excel, с графиком сплайна над процентным стеком гистограммы. Однако старании я не могу показаться, чтобы получить ряд сплайна для построения на вспомогательной оси с ниже код:Highcharts: Вторая серия не будет отображаться на второй оси

<!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>

источник

2016-02-02 RyanM

Проблема простая опечатка. В серии сплайнов измените 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] 
}] 
...

источник

2016-02-02 16:46:37

Сладкий милостив дерьмо! Конечно, все будет так просто. О, хорошо, это для руководителей. Я знал, что, должно быть, я смотрю на это. Я был настолько параноидальным в отношении правильного размещения запятой, я полностью упустил правильный синтаксис camelCase. – RyanM

Highcharts: Вторая серия не будет отображаться на второй оси

ответ

Смежные вопросы