主页 / coding / 问题 / 79135785
Accepted
Afrose ahamed
Asked: 2024-10-29 11:50:03 +0800 CST

如何更改工具提示 charJS 中的值

  • 772

我正在使用 LightningWebCharts，这里是文档链接https://salesforcelabs.github.io/LightningWebChartJS/

我想在工具提示值中添加“k”。工具提示文档https://salesforcelabs.github.io/LightningWebChartJS/docs/api/attributes/tooltip.html

<c-chart type="bar" responsive="true">
     <c-dataset labels='["Item 1","Item 2","Item 3","Item 4", "Item 5","Item 6","Item 7"]'>
      <c-data label="Neutral" detail='[10,20,30,40]' backgroundcolor='rgba(50, 150, 237, 1)' stack="1" ></c-data>
      <c-data label="Warning" detail='[10,20,30","40"]' backgroundcolor='rgba(119, 185, 242, 1)' stack="1"></c-data>
      <c-data label="Error" detail='["10","20","30","40"]' backgroundcolor='rgba(157, 83, 242, 1)' stack="1"></c-data>
     </c-dataset>
     <c-cartesian-axis axis="x" stacked="true" >
     </c-cartesian-axis>
     <c-cartesian-axis axis="y" stacked="true"></c-cartesian-axis>
    <c-tooltip enabled="true" filter={myCustomTooltipFunction}></c-tooltip>
    </c-chart>


 myCustomTooltipFunction(tooltipItems){
        console.log('called',JSON.stringify(tooltipItems))
        console.log(tooltipItems.value+'k')
        return (tooltipItems.value+'k')
        
    }

是否可以在工具提示值中添加“k”？当我在控制台上显示“k”的值时，但它没有显示在工具提示中。我需要返回回调对象吗？但我不确定该怎么做。

在此处输入图片描述

charts

1 个回答

  1. Best Answer

    在您发布的代码中，您有

    <c-tooltip enabled="true" filter={myCustomTooltipFunction}></c-tooltip>

    但是文档说用于filter仅选择工具提示的某些项目，而用于更改标签的函数是labelCallback，所以应该是：

    <c-tooltip enabled="true" labelCallback={myCustomTooltipFunction}></c-tooltip>

    该文档还包括该函数的使用示例，请参阅此链接。

    • 0

相关问题