title: Hide highcharts series name on the chart
body: <p>I am messing around with highcharts for a company project and I have the name/number from calculations (totals) being displayed int he legend.  The problem is they also display on the graph.  I can't for the life of me figure out how to turn them off on the chart, yet leave them on in the legend.  I've read through the API and maybe I missed it but could use some help if you all don't mind. </p>
  
  <p>Code:</p>
  
  <pre><code> Highcharts.chart('high_charts_admin', {
      title: {
          text: 'Adset ID: '+results[1].data[0].adset_id,
      },
  
      subtitle: {
          text: 'Campaign Name: '+results[1].data[0].campaign_name, 
      },
  
      yAxis: {
          title: {
              text: ''
          }
      },
      xAxis: {
          title: {
              text: 'Day of the Campaign',
          }, 
          //type: 'datetime', 
          categories: results[0][8]
      },
      legend: {
          //labelFormatter: function() {
          //    return '&lt;span style="color: '+this.color+'"&gt;'+ this.name + '&lt;/span&gt;';
          //  },
          layout: 'vertical',
          align: 'right',
          verticalAlign: 'middle',
          itemWidth: 250,
          itemStyle: {
              fontSize: '16px',
              color: 'black'
           },
           itemMarginTop: 12,
           itemMarginBottom: 12,
           squareSymbol: true,
           symbolHeight: 25,
           symbolWidth: 30,
           symbolRadius: 100,
      },
      chart: {
          marginRight: 300,
      },
  
      plotOptions: {
          series: {
              label: {
                  connectorAllowed: false
              },
              pointStart: 0,
              type: 'series',
              //showInLegend: false,
          }
      },        
      series: [{
          name: 'Results: '+results[2][0],
          data: results[0][0],
          type: 'spline',
          marker: {
              radius: 2
          },
      }, {
          name: 'Reach: '+results[2][1],
          data: results[0][1],
          type: 'spline',
          marker: {
              radius: 2
          },
      }, {
          name: 'Impressions: '+results[2][2],
          data: results[0][2],
          type: 'spline',
          marker: {
              radius: 2
          },
      }, { 
          name: 'Cost Per Lead: '+results[2][3],
          data: results[0][3],
          type: 'spline',
          marker: {
              radius: 2
          },
      }, {
          name: 'Spend: '+results[2][4],
          data: results[0][4],
          type: 'spline',
          marker: {
              radius: 2
          },
      }, {
          name: 'CTR (All): '+results[2][5],
          data: results[0][5],
          type: 'spline',
          marker: {
              radius: 2
          },
      }, {
          name: 'CPC (All): '+results[2][6],
          data: results[0][6],
          type: 'spline',
          marker: {
              radius: 2
          },
      }, {
          name: 'Clicks: '+results[2][7],
          data: results[0][7],
          type: 'spline',
          marker: {
              radius: 2
          },
      }],
      responsive: {
          rules: [{
              condition: {
                  maxWidth: 500
              },
              chartOptions: {
                   legend: {
                   layout: 'horizontal',
                       align: 'center',
                       verticalAlign: 'bottom'
                   }
              }
          }]
      }
  });
  </code></pre>
  
  <hr>
  
  <p>Here is my code:</p>
  
  <pre><code>    Highcharts.chart('high_charts_admin', {
      title: {
          text: 'Adset ID: '+results[1].data[0].adset_id,
      },
  
      subtitle: {
          text: 'Campaign Name: '+results[1].data[0].campaign_name, 
      },
  
      yAxis: {
          title: {
              text: ''
          }
      },
      xAxis: {
          title: {
              text: 'Day of the Campaign',
          }, 
          //type: 'datetime', 
          categories: results[0][8]
      },
      legend: {
          //labelFormatter: function() {
          //    return '&lt;span style="color: '+this.color+'"&gt;'+ this.name + '&lt;/span&gt;';
          //  },
          layout: 'vertical',
          align: 'right',
          verticalAlign: 'middle',
          itemWidth: 250,
          itemStyle: {
              fontSize: '16px',
              color: 'black'
           },
           itemMarginTop: 12,
           itemMarginBottom: 12,
           squareSymbol: true,
           symbolHeight: 25,
           symbolWidth: 30,
           symbolRadius: 100,
      },
      chart: {
          marginRight: 300,
      },
  
      plotOptions: {
          series: {
              label: {
                  connectorAllowed: false
              },
              pointStart: 0,
              type: 'series',
              //showInLegend: false,
          }
      },        
      series: [{
          name: 'Results: '+results[2][0],
          data: results[0][0],
          type: 'spline',
          marker: {
              radius: 2
          },
      }, {
          name: 'Reach: '+results[2][1],
          data: results[0][1],
          type: 'spline',
          marker: {
              radius: 2
          },
      }, {
          name: 'Impressions: '+results[2][2],
          data: results[0][2],
          type: 'spline',
          marker: {
              radius: 2
          },
      }, { 
          name: 'Cost Per Lead: '+results[2][3],
          data: results[0][3],
          type: 'spline',
          marker: {
              radius: 2
          },
      }, {
          name: 'Spend: '+results[2][4],
          data: results[0][4],
          type: 'spline',
          marker: {
              radius: 2
          },
      }, {
          name: 'CTR (All): '+results[2][5],
          data: results[0][5],
          type: 'spline',
          marker: {
              radius: 2
          },
      }, {
          name: 'CPC (All): '+results[2][6],
          data: results[0][6],
          type: 'spline',
          marker: {
              radius: 2
          },
      }, {
          name: 'Clicks: '+results[2][7],
          data: results[0][7],
          type: 'spline',
          marker: {
              radius: 2
          },
      }],
      responsive: {
          rules: [{
              condition: {
                  maxWidth: 500
              },
              chartOptions: {
                   legend: {
                   layout: 'horizontal',
                       align: 'center',
                       verticalAlign: 'bottom'
                   }
              }
          }]
      }
  });
  </code></pre>