首页 > 解决方案 > ApexCharts BoxPlot:从工具提示中删除文本

问题描述

非常简单我正在尝试删除$工具提示中的这些标志:

在此处输入图像描述

我已经检查了文档的 boxPlot 部分,但不知道如何操作。

我的组件:

export function DataOutliers() {

    const options = useSelector(selectVariableList);
    const [selectedVariable, setSelectedVariable] = useState({})

    const dispatch = useDispatch();

    const [boxPlot, setBoxPlot] = useState([])
    const [boxPlotOptions, setBoxPlotOptions] = useState({})



    const getData = () => {
        if (currentProductItem && currentMarketItem && selectedVariable.value) {
            var parms = {
                "DataSetProductID": currentProductItem.value,
                "Year": "",
                "MarketID": currentMarketItem.value,
                "ClientDataVariableID": selectedVariable.value
            }
            dispatch(getQuartileChartData(parms)).then(r => {
                let formattedData = [{
                    data: []
                }];
                r.payload.forEach(element => {
                    let x = element.Year
                    let y = []
                    y.push(element.Min, element.Pct25, element.Pct50, element.Pct75, element.Max)

                    formattedData[0].data.push({
                        x: x,
                        y: y
                    })
                });
                let chartOptions = {

                    yaxis: {
                        tooltip: {
                            formatter: function(val) {
                                return val
                            }
                        }

                    }
                }

                setBoxPlot(formattedData)
                setBoxPlotOptions(chartOptions)
            });
        }
    }

    useEffect(() => {
        getData()
    }, [selectedVariable, currentMarketItem, currentProductItem, currentYearItem]);

    return ( <
        div className = "VariableComparison-Chart " >

        <
        div className = "DataOutiers-Plot" > {
            selectedVariable.value != null && < BoxPlot height = {
                600
            }
            width = {
                1100
            }
            data = {
                boxPlot
            }
            options = {
                boxPlotOptions
            }
            />} <
            /div> <
            /div>
        )
    }

任何帮助,将不胜感激。

标签: reactjshoverapexcharts

解决方案


推荐阅读