【问题标题】:How to add table on click over each column in Highcharts Reactjs?如何在点击Highcharts Reactjs中的每一列时添加表格?
【发布时间】:2021-04-29 18:02:47
【问题描述】:

我使用highcharts-react-official 来使用highcharts。我可以显示我想要的柱形图。要求是点击每一列后,需要显示与该列详细信息相关的表格,并带有一些超链接。 我无法创建该表。 更喜欢antd table,但任何表都值得赞赏,并希望使用关闭按钮关闭表。 有人可以帮我吗?谢谢!!!

编辑 https://codesandbox.io/s/highcharts-react-demo-forked-kn1zu?file=/demo.jsx 在此处添加代码。 警报似乎正在工作,但不是一张桌子。 我想看看桌子 那里。该表应包含向下钻取系列的详细信息以及我想通过传递数组来添加的更多信息。并且在单击“返回”按钮时应该消失。你能帮我怎么做吗?非常感谢。

【问题讨论】:

    标签: javascript reactjs highcharts


    【解决方案1】:

    Here 是一个如何实现的示例。 您正试图从 Highcharts 中的函数返回 HTML。 React 没有意识到这一点,因此它不会渲染任何东西。

    【讨论】:

    • 非常感谢您的回复,先生,这对您有很大帮助。只是想问当图表向上钻取时如何关闭表格?你能帮我做同样的事情吗?谢谢!
    • 添加了 Drillupall 事件,这很有帮助。谢谢!
    猜你喜欢
    • 2018-08-02
    • 2023-01-08
    • 2017-10-22
    • 1970-01-01
    • 2019-09-20
    • 1970-01-01
    • 2018-09-30
    • 2021-04-13
    • 1970-01-01
    相关资源
    最近更新 更多