Line chart Legend

symbol not shown in legend when point is OFF

by amrutaJgtp

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/series-label.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>

<figure class="highcharts-figure">
    <div id="container"></div>
</figure>

JavaScript

Highcharts.chart('container', {

  "legend": {
    "enabled": true,
    "backgroundColor": "rgba(255,255,255,0)",
    "itemHoverStyle": {
      "color": "#000000",
      "fontSize": "1rem",
      "fontFamily": "Open Sans",
      "fontWeight": "normal",
      "fontStyle": "normal",
      "textDecoration": "none"
    },
    "itemStyle": {
      "color": "#000000",
      "fontSize": "1rem",
      "fontFamily": "Open Sans",
      "fontWeight": "normal",
      "fontStyle": "normal",
      "textDecoration": "none"
    },
    "align": "center",
    "verticalAlign": "bottom",
    "margin": 0,
    "padding": 5,
    "symbolRadius": 0
  },

  "xAxis": {
    "categories": ["Small Box", "Jumbo Drum", "Small Pack", "Wrap Bag", "Medium Box", "Large Box"]
  },

  "series": [{
    "zIndex": 1,
    "type": "line",
    "yAxis": 0,
    "data": [{
      "y": 157
    }, {
      "y": 84
    }, {
      "y": 76
    }, {
      "y": 36
    }, {
      "y": 19
    }, {
      "y": 1
    }],
    "name": "Sales",
    "showInLegend": true,
    "color": "rgba(0,41,170,1)",
    "borderColor": "rgba(0,41,170,1)",
    "fillColor": "rgba(0,41,170,1)",
    "marker": {
      "states": {
        "select": {
          "fillColor": null,
          "radius": 8
        }
      },
      "enabled": false,
      "fillColor": "rgba(255,255,255,0)",
      "lineWidth": 1,
      "lineColor": null,
      "symbol": "circle"
    },
    "connectNulls": false,
    "lineWidth": 1,
    "dashStyle": "Solid"
  }]
});