How to use the highcharts.chart function in highcharts

private renderCompareSplineChart() {
    Highcharts.chart(this.containerId, _.extend({}, {
      credits: {
        enabled: false
      },
      chart: {
        type: 'column',
        height: 280,
        options3d: {
          enabled: true,
          depth: 50
        }
      },
      title: {
        text: null
      },
      legend: {
        align: 'center',

componentDidMount() {
    Highcharts.chart('chart', this.highchartsOptions);
  }

ionViewDidEnter() {
    this.chart = echarts.chart('container', {
                chart: {
                          zoomType: 'x'
                      },
                      title: {
                          text: 'Highcharts'
                      },
               plotOptions: {
                        line: {
                            marker: {
                                enabled: false
                            }
                        }
                    },
                credits: {
                      enabled: false
                  },

export default function drawColumnChart(colors) {
    Highcharts.chart('charts', {
        chart: {
            type: 'column',
            backgroundColor: 'rgba(255, 255, 255, 0)'},
        title: {
            text: ''
        },
        xAxis: {
            type: 'category',
            minPadding: 0,
            maxPadding: 0
        },
        yAxis: {
            title: {
                text: ''
            }
        },

this.$axios.get('/api/project/' + projectID + '/version/' + versionID + '/statistics/task_status_pie').then(response => {
            this.pieChartOption.title.text = response.data.result.chart_title
            this.pieChartOption.series[0].data = response.data.result.series_data
            HighCharts.chart(this.id,this.pieChartOption)
          }, response => {
          })

private renderColumnAndSplineChart() {
    Highcharts.chart(this.containerId, _.extend({}, {
      credits: {
        enabled: false
      },
      chart: {
        zoomType: 'xy',
        height: 280,
        options3d: {
          enabled: true,
          depth: 50
        }
      },
      title: {
        text: null
      },
      legend: {
        align: 'center',

display_chart(array){
        Highcharts.chart('pie_chart', {
        chart: {
            plotBackgroundColor: '#eeecdf',
            plotBorderWidth: '100%',
            plotBorderColor: '#eeecdf',
            plotShadow: false,
            type: 'pie',
            background: '#eeecdf'
        },
        title: {
            text: null,
        },
        tooltip: {
            pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
        },
        plotOptions: {
            pie: {

_renderReport = () => {
    const { totalIncome, seriesData } = this._getSeriesData();
    const linksHover = (point, state) => {
      if (point.isNode) {
        point.linksTo.forEach(l => {
          l.setState(state);
        });
        point.linksFrom.forEach(l => {
          l.setState(state);
        });
      }
    };
    Highcharts.chart({
      credits: false,
      title: {
        text: '',
      },
      chart: {
        renderTo: 'tk-income-breakdown',
      },
      plotOptions: {
        sankey: {
          point: {
            events: {
              mouseOut: function() {
                linksHover(this, '');
              },
              mouseOver: function() {
                linksHover(this, 'hover');

public renderChart() {
    Highcharts.chart(this.state.options);
  }