apexcharts

来源： https://stackoverflow.com/questions/55326858/apex-charts-dont-resize-properly-when-using-flexbox

来源： https://stackoverflow.com/questions/55326858/apex-charts-dont-resize-properly-when-using-flexbox

来源： https://stackoverflow.com/questions/55326858/apex-charts-dont-resize-properly-when-using-flexbox

来源： https://stackoverflow.com/questions/55326858/apex-charts-dont-resize-properly-when-using-flexbox

问题 Currently there is no such feature in apexchart v3.19.3, does anyone have a work around for this? 回答1: I end up created a custom legend tooltip to be shown when hovered on legend series. below are the steps for this solution: create a function to append legend tooltip html and css into to the chart's legend series container. set this function to be called in these two apexcharts events: charts.events.updated() and charts.events.mounted() , this is to ensure the legend tooltip template is

问题 Currently there is no such feature in apexchart v3.19.3, does anyone have a work around for this? 回答1: I end up created a custom legend tooltip to be shown when hovered on legend series. below are the steps for this solution: create a function to append legend tooltip html and css into to the chart's legend series container. set this function to be called in these two apexcharts events: charts.events.updated() and charts.events.mounted() , this is to ensure the legend tooltip template is

问题 Following is an angular app with graphs made of apex charts https://codesandbox.io/s/apx-column-distributed-d3ns7?from-embed How can I remove the horizontal lines of that chart & its axis lines (so that this looks much cleaner) this.chartOptions = { series: [ { name: "distibuted", data: [21, 22,] } ], chart: { height: 350, type: "bar", events: { click: function(chart, w, e) { // console.log(chart, w, e) } } }, colors: [ "#008FFB", "#00E396", ], plotOptions: { bar: { columnWidth: "45%",

问题 Following is an angular app with graphs made of apex charts https://codesandbox.io/s/apx-column-distributed-d3ns7?from-embed How can I remove the horizontal lines of that chart & its axis lines (so that this looks much cleaner) this.chartOptions = { series: [ { name: "distibuted", data: [21, 22,] } ], chart: { height: 350, type: "bar", events: { click: function(chart, w, e) { // console.log(chart, w, e) } } }, colors: [ "#008FFB", "#00E396", ], plotOptions: { bar: { columnWidth: "45%",

问题 I've reduced/mapped my database query to return an array like this docCalories: [123,456,789,345,234,678,234] which is how I want it I'm setting this to a state variable called maxCalories at the end of that function where I'm mapping. The problem is, I'm trying to use the value of maxCalories as another state variable which is used for an apex-chart but it's not working and I'm wondering if it's because my chart series value is in the state along with maxCalories while the function that maps

问题 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',