3D chart

Solution secondary y axis

by amrutaJgtp

HTML

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-3d.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="height: 400px"></div>

CSS

#container {
  height: 400px;
  min-width: 310px;
  max-width: 800px;
  margin: 0 auto;
}

JavaScript

$(function () {
  $('#container').highcharts({
    "chart": {
      "backgroundColor": "rgba(255,255,255,0)",
      "reflow": false,
      "height": 704,
      "width": 1049,
      "plotBackgroundColor": null,
      "options3d": {
        "enabled": true,
        "alpha": 6,
        "beta": 15,
        "viewDistance": 0,
        "depth": 40,
        "frame": {
          "back": {
            "color": "rgba(255,255,255,0)"
          },
          "side": {
            "color": "rgba(255,255,255,0)"
          },
          "bottom": {
            "color": "rgba(255,255,255,0)"
          }
        }
      },
      "renderTo": {},
      "events": {}
    },
    "title": {
      "text": null
    },
    "tooltip": {
      "enabled": true,
      "shared": false,
      "borderWidth": 1,
      "borderRadius": 1,
      "backgroundColor": "#ffffff",
      "style": {
        "color": "#000000",
        "fontSize": "0.857rem",
        "fontFamily": "Lucida Sans Unicode",
        "fontWeight": "normal",
        "fontStyle": "normal",
        "textDecoration": "none"
      },
      "crosshairs": [false, false]
    },
    "plotOptions": {
      "series": {
        "animation": null,
        "cursor": "pointer",
        "showInLegend": true,
        "turboThreshold": 0,
        "events": {},
        "pointPadding": 0.1
      }
    },
    "legend": {
      "enabled": true,
      "item": {},
      "borderWidth": 0,
      "layout": "horizontal",
      "backgroundColor": "rgba(255,255,255,0)",
      "itemStyle": {
        "color": "#000000",
        "fontSize": "0.857rem",
        "fontFamily": "Lucida Sans Unicode",
        "fontWeight": "normal",
        "fontStyle": "normal",
        "textDecoration": "none"
      },
      "align": "center",
      "verticalAlign": "bottom",
      "margin": 0,
      "padding": 5
    },
    "credits": {
      "enabled": false
    },
    "scrollbar": {
      "enabled": false
    },
    "xAxis": {
      "title": {
        "text": "SmallData",
       ...