Как реализовать тип подсвечника в модуле anychart-response npm для реагирования на проект - PullRequest
Новая
       9

Как реализовать тип подсвечника в модуле anychart-response npm для реагирования на проект

0 голосов
/ 01 июня 2018

Я пытаюсь внедрить в свой реактивный проект Модуль реагирования AnyChart с японским типом диаграммы,

, это мой компонент: 

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>
        )
    }
}

и он возвращает 

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

с большой ошибкой после

это источник, возможно, он не имеет всех параметров, но я не знаю, как реализовать hem в теге jsx, как атрибуты 

(https://www.npmjs.com/package/anychart-react)
(https://docs.anychart.com/Basic_Charts/Japanese_Candlestick_Chart)
(https://docs.anychart.com/7.12.0/Basic_Charts_Types/Japanese_Candlestick_Chart)

1 Ответ

0 голосов
/ 04 июня 2018

Я бы предложил вам другой подход к созданию биржевой диаграммы.Вы можете определить экземпляр диаграммы.Ниже вы можете найти JS и HTML-код примера биржевого графика.

JS 

var msftDataTable = anychart.data.table();
msftDataTable.addData(window.get_msft_daily_short_data());
var chart = anychart.stock();
var firstPlot = chart.plot(0);
firstPlot.area(msftDataTable.mapAs({'value': 4})).name('MSFT');

ReactDOM.render(
  <AnyChart
    width={800}
    height={800}
    instance={chart}
    title="Stock demo"
  />, document.getElementById('root'));

HTML 

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

Где stock.min.js - это скомпилированный JSкод.

...