如何在anychart-react npm模块中实现烛台类型以反应项目

时间:2018-06-01 17:01:31

标签: reactjs anychart

我尝试使用日语图表类型

实现我的反应项目AnyChart react模块

这是我的组成部分:

List<System.Type> allowedTypes = 
        new List<System.Type>(){ typeof(ClassA), typeof(ClassC) };

然后返回

class Graph extends Component {
    render() {
        return (
            <div className="Graph">
                <center>
                    <AnyChart
                        width={960}
                        height={500}
                        type="candlestick"
                        data={[
                              ["2007-07-23", 23.55, 23.88, 23.38, 23.62],
                              ["2007-07-24", 22.65, 23.7, 22.65, 23.36],
                              ["2007-07-25", 22.75, 23.7, 22.69, 23.44],
                              ["2007-07-26", 23.2, 23.39, 22.87, 22.92],
                              ["2007-07-27", 23.98, 24.49, 23.47, 23.49],
                              ["2007-07-30", 23.55, 23.88, 23.38, 23.62],
                              ["2007-07-31", 23.88, 23.93, 23.24, 23.25],
                              ["2007-08-01", 23.17, 23.4, 22.85, 23.25],
                              ["2007-08-02", 22.65, 23.7, 22.65, 23.36],
                              ["2007-08-03", 23.2, 23.39, 22.87, 22.92],
                              ["2007-08-06", 23.03, 23.15, 22.44, 22.97],
                              ["2007-08-07", 22.75, 23.7, 22.69, 23.44]
                        ]}
                        legend="true"
                        title="Simple Data"
                    />
                </center>
            </div>
        )
    }
}

后出现大错误

这是源码,可能它没有所有参数,但我不知道如何在jsx Tag中实现hem,就像atributes一样

TypeError: anychart[e.type] is not a function
...

1 个答案:

答案 0 :(得分:2)

我建议你另一种创建股票图表的方法。您可以定义图表的实例。您可以在下面找到股票图表示例的JS和HTML代码。

JS

<body>
<div id="root" style="width: 800px; height: 800px"></div>
<script src="stock.min.js"></script>
</body>

HTML

{{1}}

stock.min.js是编译的JS代码。