PapaParse неправильно обрабатывает мое свидание - PullRequest
Новая
       52

PapaParse неправильно обрабатывает мое свидание

0 голосов
/ 08 июля 2020

У меня проблема с созданием диаграммы с некоторыми JSON, которые дает мне papaparse. Это постоянно дает мне эту ошибку. 

c3.js:2100 Failed to parse x '10-18-2018' to Date object

Я безуспешно пытался изменить формат даты в csv. Я следил за примерами с веб-сайта c3, примерами papaparse и некоторыми вопросами о переполнении стека. Надеюсь, кто-нибудь скажет мне, что я делаю не так, чтобы я мог продолжить свой проект. Вот код и строки csv

app. js

"use strict";
$(function () {
  $.get("108jbdata.csv") // Use HTTP GET (via Live-server) to retreive data from the static CSV file that we have included with our web assets.
    .then(function (response) {
      // Callback is executed when data is asynchronously received.
      var parseOptions = {
        // Parse options given to PapaParse.
        header: true, // Allow PapaParse to derive field names from the CSV header line.
        dynamicTyping: true, // Tell PapaParse to parse CSV string fields to the correct types for us.
      };
      var parsed = Papa.parse(response, parseOptions); // Parse the CSV data retreived from Live-server.
      console.log(parsed);
      var chart = c3.generate({
        // Generate our chart.
        bindto: "#chart",
        data: {
          json: parsed.data, // Plug the parsed CSV data into the chart.
          keys: {
            x: "Date",
            xFormat: "%m-%d-%Y",
            value: [
              "KFISH", // Specify which column from the CSV file that we want to appear in the chart.
              "WATER",
            ],
          },
        },
        axis: {
          x: {
            type: "timeseries",
            tick: {
              format: "%m-%d-%Y",
            },
          },
        },
      });
    })
    .catch(function (err) {
      // Handle any error that might have occurred.
      console.error(err);
    });
});

index. html

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>C3 chart template</title>

    <link href="bower_components/c3/c3.css" rel="stylesheet" />
  </head>
  <body>
    <div id="chart"></div>

    <script src="bower_components/jquery/dist/jquery.js"></script>
    <script src="bower_components/d3/d3.js"></script>
    <script src="bower_components/c3/c3.js"></script>
    <script src="bower_components/papaparse/papaparse.js"></script>
    <script src="app.js"></script>
  </body>
</html>

csv 

Date,Iron,Chromium,Lead,Copper,Tin,Aluminum,Nickel,Silver,Silicon,boron,Sodium,Magnesium,Calcium,Barium,Phosphorous,Zinc,Molybdenum,Tin1,Vandium,W,Potassium,Antimony,Lithium,Maganese,Cadmium,VISC40,TAN,KFISH,WATER,PC0,PC1,pc2,pc3,pc4,pc5,PCISO0,PCISO1,PCISO2
"10-18-2018",0,0,3,0,0,0,0,0,2,0,0,0,0,0,0,1,0,0,0,1,0,0,0,0,0,65.03,0.37,15,0.0015,374,229,52,19,2,0,16,15,13
"11-2-2018",0,0,0,0,3,0,1,0,1,0,0,0,0,0,0,1,0,0,0,0,0,8,0,0,0,64.63,0.5,24,0.0024,2915,388,15,3,0,0,19,16,11
"11-29-2018",0,0,0,0,0,0,0,0,2,0,0,0,1,0,0,1,1,0,0,0,0,0,0,0,0,64.13,0.93,23,0.0023,3292,527,16,4,1,0,19,16,11
"12-13-2018",0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,63.95,0.91,20,0.002,3076,517,14,5,1,1,19,16,11
"1-14-2019",0,0,0,0,0,0,1,0,2,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,64.74,0.84,13,0.0013,4007,698,32,9,1,0,19,17,12

1 Ответ

0 голосов
/ 15 июля 2020

Мне не удалось разобрать строку date из csv как Date, пройдя через каждый элемент и проанализировав ее как Date, прежде чем я отправил ее в функцию генерации. 

parsed.data.forEach((h) => {
        h.Date = Date.parse(h.Date);
      });
...