Estoy trabajando con apexcharts y reacciono. Y necesito ocultar una serie pero no sé cómo implementar los métodos en mi código. La idea es usar los datos4 para hacer algunos cálculos y mostrarlos en una información sobre herramientas personalizada. ¿Cómo puedo ocultar los datos4 en el gráfico pero seguir usando los datos en segundo plano?
mi codigo es asi
import Chart from 'react-apexcharts' import React from 'react'; class ApexChart1 extends React.Component { constructor(props) { super(props); this.state = { series: [{ name: 'Data1', data: this.props.data.map(d=>{return +d.data1}) }, { name: 'data2', data: this.props.data.map(d=>{return +d.data2}) }, { name: 'data3', data: this.props.data.map(d=>{return +d.data3}) }, { name: 'data4', data: this.props.data.map(d=>{return +d.data3}) }], options: {..., tooltip: { // console.log() custom: function({series, seriesIndex, dataPointIndex, w}) { // Here I want to use the data4 series but hide that data when the chart renders } } } } render() { return ( <div> <Chart options={this.state.options} series={this.state.series} type="bar" height={425} /> </div> )} } }Gracias por tu ayuda
No estoy seguro de haber entendido tu idea, pero si quieres acceder a data4 en tu función, usa:
tooltip: { // console.log() custom: function({series, seriesIndex, dataPointIndex, w}) { let data4 = this.props.data.map(d=>{return +d.data3}) // something to do with data4 } }si desea ocultar data4 en el gráfico, simplemente elimínelo de la serie para que su serie se vea así:
series: [{ name: 'Data1', data: this.props.data.map(d=>{return +d.data1}) }, { name: 'data2', data: this.props.data.map(d=>{return +d.data2}) }, { name: 'data3', data: this.props.data.map(d=>{return +d.data3}) }]