apexcharts

问题 I am working on react-apexcharts and trying to set height 100 percent of the chart but it is not accepting height of its parents instead showing its min-height of 445px .I could not understand what is happening even after setting height 100% like this, chart: { height: "100%", }, Here is my full code import React from "react"; import ReactApexChart from "react-apexcharts"; class ApexChart extends React.Component { constructor(props) { super(props); this.state = { series: [ { name: 'member',

问题 I'm using a basical Vue Routing const routes = [ { path: "/home", component: Home } ]; const router = new VueRouter({ routes // short for `routes: routes` }); const app = new Vue({ router }).$mount("#app"); Took from this green exemple : Can we make vue.js application without .vue extension component and webpack? Everything is working flawless . I 'm not using webpack. Now, I'm adding the APEXCHARTS library inside of index.html <script src="https://cdn.jsdelivr.net/npm/apexcharts" type=

问题 I'm using a basical Vue Routing const routes = [ { path: "/home", component: Home } ]; const router = new VueRouter({ routes // short for `routes: routes` }); const app = new Vue({ router }).$mount("#app"); Took from this green exemple : Can we make vue.js application without .vue extension component and webpack? Everything is working flawless . I 'm not using webpack. Now, I'm adding the APEXCHARTS library inside of index.html <script src="https://cdn.jsdelivr.net/npm/apexcharts" type=

问题 I am having a problem trying to figure out how to display the correct data to the correct category. My data is in this format from a json API: { "name" : "product1", "records": "5", "month" : "Jan", }, { "name" : "product1", "records": "10", "month" : "Feb", }, { "name" : "product1", "records": "20", "month" : "March", }, { "name" : "product2", "records": "5", "month" : "Feb", } an example of the data model. this.state = { barChart: { options: { plotOptions: { xaxis: { categories: [] }}}

问题 I am having a problem trying to figure out how to display the correct data to the correct category. My data is in this format from a json API: { "name" : "product1", "records": "5", "month" : "Jan", }, { "name" : "product1", "records": "10", "month" : "Feb", }, { "name" : "product1", "records": "20", "month" : "March", }, { "name" : "product2", "records": "5", "month" : "Feb", } an example of the data model. this.state = { barChart: { options: { plotOptions: { xaxis: { categories: [] }}}

问题 I am attempting to use the apexCharts javascript library and having trouble implementing the click event I have read the documentation but there's no clear example on how to implement it. So far I have this code. var options = { chart: { height: 350, type: 'bar', }, plotOptions: { bar: { dataLabels: { position: 'top', // top, center, bottom }, } }, dataLabels: { enabled: true, formatter: function (val) { return val + "%"; }, offsetY: -20, style: { fontSize: '12px', colors: ["#304758"] } },