How to use the apexcharts function in apexcharts

To help you get started, we’ve selected a few apexcharts examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github apexcharts / react-apexcharts / dist / react-apexcharts.js View on Github external
componentDidMount() {
    const newOptions = {
      chart: {
        type: this.props.type ? this.props.type : 'line',
        height: this.props.height ? this.props.height : 'auto',
        width: this.props.width ? this.props.width : '100%'
      },
      series: this.props.series
    }

    const config = ApexCharts.merge(this.props.options, newOptions);
    const chart = new ApexCharts(this.chartRef.current, config)
    chart.render().then(() => {
      this.setState({
        chart
      })
    })
  }
github apexcharts / vue-apexcharts / src / ApexCharts.component.js View on Github external
const newOptions = {
        chart: {
          type: this.type || this.options.chart.type || 'line',
          height: this.height,
          width: this.width,
          events: {}
        },
        series: this.series
      }

      Object.keys(this.$listeners).forEach((evt) => {
        newOptions.chart.events[evt] = this.$listeners[evt];
      });

      const config = this.extend(this.options, newOptions);
      this.chart = new ApexCharts(this.$el, config)
      return this.chart.render()
    },
    isObject(item) {

apexcharts

A JavaScript Chart Library

MIT
Latest version published 3 months ago

Package Health Score

98 / 100
Full package analysis