Диаграмма Google разбивается на две части - PullRequest
0 голосов
/ 08 июня 2019

Я дал данные в правильном порядке. Визуализация как-то разбита между 2019 и 2018, и это тоже сначала 2019, а затем 2018. Есть ли исправление для этого? Или какое-то свойство, которое вызывает это? enter image description here

Код выглядит следующим образом:

import {GoogleCharts} from 'google-charts';
    let graphRows = []
    graphs[index].forEach(element => {
        let dataArray = [];
        dataArray.push(new Date(element["Date"].toString()));
        dataArray.push(element['Net Asset Value']);
        graphRows.push(dataArray);
    });

    //Load the charts library with a callback
    GoogleCharts.load(drawChart);

    function drawChart() {

        // Standard google charts functionality is available as GoogleCharts.api after load
        const data = new GoogleCharts.api.visualization.DataTable();
        data.addColumn('date', 'Time');
        data.addColumn('number', 'Net Asset Value');


        data.addRows(graphRows);
        // data.addRows(graphRowsReversed);

        var options = {
            hAxis: {
                title: 'Date'
            },
            vAxis: {
                title: 'Value'
            },
            explorer: { axis: 'horizontal' }
        };
        const line_chart = new GoogleCharts.api.visualization.LineChart(document.getElementById('chart-div'));
        line_chart.draw(data, options);
    }

graphs[index] - это массив объектов, каждый из которых выглядит следующим образом:

{
    "Scheme Code": 145633,
    "Scheme Name": "Mirae Asset Nifty 50 ETF (MAN50ETF)",
    "ISIN Div Payout": {
     "ISIN Growth": "INF769K01EG9"
    },
    "ISIN Div Reinvestment": "",
    "Net Asset Value": 116.917,
    "Repurchase Price": null,
    "Sale Price": null,
    "Date": "09-Apr-2019"
}
...