如何显示图表中的当前值？

Question

我是React的新手，我基本上是在一个小项目上工作，我有一个图表，我只想显示图表中的当前值。

例如，我有一个包含4个随机值的图表：[5,2,5,1]，所以我想在图表下方显示当前值，例如第一个是5，第二个是2，依此类推。这是我的部分代码：

类应用程序扩展了React.Component {

addPoint = (point) => {
    currentData = this.state.options.series[0].data
    this.setState({
        options: {
            series: [
                { data: [...currentData, point]}
            ]
        }
    });
}

constructor(props) {
    super(props);
    this.internalChart = undefined;
    this.dataStream = new DataStream();
    this.dataStream.setUpdateCallback(this.addPoint);

    this.state = {
        options: {
            chart: {
                events: {
                    load: function () {
                    }
                }
            },

            time: {
                useUTC: false
            },

            rangeSelector: {
                buttons: [{
                    count: 1,
                    type: 'minute',
                    text: '1M'
                }, {
                    count: 5,
                    type: 'minute',
                    text: '5M'
                }, {
                    type: 'all',
                    text: 'All'
                }],
                inputEnabled: false,
                selected: 2
            },

            title: {
                text: 'Live random data'
            },

            exporting: {
                enabled: false
            },

            series: [{
                name: 'Random data',
                data: [[(new Date()).getTime(), 0]]
            }]
        }
    };
}
render() {
    return (
            <HighchartsReact
            constructorType={"stockChart"}
            highcharts={Highcharts}
            options={this.state.options}
            /> 
    );
}}

Answer 1

根据您的代码段，尝试使用函数创建随机方法

Math.floor(Math.random() * Math.floor(max))

然后将选项分配给HighchartsReact，

沙箱上的完整代码：https://codesandbox.io/s/headless-dream-0lzj1