#reactjs #hover #apexcharts
Вопрос:
Довольно просто я пытаюсь удалить эти $
знаки во всплывающей подсказке:
Я проверил раздел 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 amp;amp; currentMarketItem amp;amp; 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 amp;amp; < BoxPlot height = {
600
}
width = {
1100
}
data = {
boxPlot
}
options = {
boxPlotOptions
}
/>} <
/div> <
/div>
)
}
Любая помощь будет признательна.