amchart устанавливает формат даты как гггг - PullRequest
Новая
       36

amchart устанавливает формат даты как гггг

0 голосов
/ 03 августа 2020

У меня проблема с форматом даты amcharts. Я пытаюсь сделать так, чтобы дата была представлена ​​в годах, но результат по оси x диаграммы - это странные 30:02 55 вместо 2055. Я не уверен, что точно делаю что-то не так Я пробовал число методов, чтобы исправить это, но безрезультатно. Ниже приведен код, который я использовал для создания диаграммы.

Код 

    //graph
    // Use themes
    am4core.useTheme(am4themes_animated);

    // Create chart instance
    var chart = am4core.create("chartdiv", am4charts.XYChart);
    chart.paddingRight = 20;
    chart.dateFormatter.dateFormat = "yyyy";

    // Create axes
    var dateAxis = chart.xAxes.push(new am4charts.DateAxis());
    dateAxis.renderer.minGridDistance = 50;
    dateAxis.renderer.grid.template.location = 0.5;
    dateAxis.startLocation = 0.5;
    dateAxis.endLocation = 0.5;
    dateAxis.dateFormatter.dateFormat = "yyyy";

    // Create value axis
    var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());

    var First = $("#First").val()
    //Data
    var data = []
    for (i = 0; i < (100 - age); i++) {
      bank = Math.round((+sum + +yearly) * (1 + (First / 100)));

      sum = bank;
      data.push({
        date: (2020 + +i),
        value: (bank)
      })
    }

    var sum = $("#sum").val();
    var Second = $("#Second").val()

    //Data2
    var data2 = []
    for (i = 0; i < (100 - age); i++) {
      bank = Math.round((+sum + +yearly) * (1 + (Second / 100)));
      sum = bank;
      data2.push({
        date: (2020 + +i),
        value: (bank)
      })
    }

    var sum = $("#sum").val();
    var Third = $("#Third").val()

    //Data3
    var data3 = []
    for (i = 0; i < (100 - age); i++) {
      bank = Math.round((+sum + +yearly) * (1 + (Third / 100)));
      sum = bank;
      data3.push({
        date: (2020 + +i),
        value: (bank)

      })
      console.log(2020 + +i)
    }

    // Create series
    var series1 = chart.series.push(new am4charts.LineSeries());
    series1.dataFields.valueY = "value";
    series1.dataFields.dateX = "date";
    series1.strokeWidth = 3;
    series1.tensionX = 1;
    series1.stroke = am4core.color("#ff0000");
    // series1.bullets.push(new am4charts.CircleBullet());
    series1.data = data;
    series1.name = "Bank Interest Rate (0.52%)";

    var series2 = chart.series.push(new am4charts.LineSeries());
    series2.dataFields.valueY = "value";
    series2.dataFields.dateX = "date";
    series2.strokeWidth = 3;
    series2.tensionX = 1;
    series2.stroke = am4core.color("#50C878");
    // series2.bullets.push(new am4charts.CircleBullet());
    series2.data = data2;
    series2.name = "Bank Interest Rate (0.52%)";

    var series3 = chart.series.push(new am4charts.LineSeries());
    series3.dataFields.valueY = "value";
    series3.dataFields.dateX = "date";
    series3.strokeWidth = 3;
    series3.tensionX = 1;
    series3.stroke = am4core.color("#1BA8F0");
    // series2.bullets.push(new am4charts.CircleBullet());
    series3.data = data3;

    /* Create a cursor */
    chart.cursor = new am4charts.XYCursor();

  });

Диаграмма Диаграмма

...