c3.js散点图例子，TSV文件

新来这里C3。我正在试图做一个简单的散点图。我认为这会工作（c3_test.csv是相同的数据，从样本集。）c3.js散点图例子，TSV文件

var chart = c3.generate({ 
     data: { 
      url: 'c3_test.csv',  
     x: 'data1', 
     columns: ['data2'] 
     type: 'scatter' 
     } 
    });

，但看起来这是不是要走的路。这工作，

var chart = c3.generate({ 
     data: { 
      url: 'c3_test.csv',  
      filter: function (d) { 
       return d.id !== 'data1'; 
      }, 
      x:'data2', 
      type: 'scatter' 
     },

然而，这将有助于了解如何使第一种方法也得到所需要的输出。另外，我想加载一个tsv文件;基于this，我想我可以只使用url接口，但是，这似乎并没有工作。再次感谢您的帮助。我正在使用https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.js。我的csv（tsv）文件如下。

TIA, 
C.S.N 

data1,data2,data3 
20,180,400 
40,150,310 
70,120,470 
50,170,400 
80 200 380

来源

2015-04-02 transmogrifier

如果您正在寻找使用data1为x轴，data2为Y，而忽略data3，您可以使用此：

var chart = c3.generate({ 
    data: { 
     url: 'c3_test.csv', 
     x: 'data1', 
     type: 'scatter', 
     hide: ['data3'] 
    }, 
    legend: { 
     hide: ['data3'] 
    } 
});

一点玩耍后我周围没能得到一个TSV文件加载使用url选项要么，但你可以使用基地D3解析TSV和饲料它图表对象。

来源

2015-05-12 14:10:56 skaiser

您可以从现在TSV文件负荷。为了做到这一点，你需要的MIME类型属性添加到数据对象TSV。

下面是一个例子：

function glucoseInit() { 
    var chart = bb.generate({ 
     bindto: '#divGlucoseScores', 
     data: { 
      url: 'glucoseScores.tsv', 
      mimeType: 'tsv', 
      x: 'date', 
      xFormat: '%Y-%m-%d %H:%M:%S', // how the date is parsed 
      y: 'score', 
      names: { 
       date: 'Date', 
       score: 'Blood glucose (mg/dL)' 
      } 
     }, 
     axis: { 
      x: { 
       type: 'timeseries', 
       tick: { 
        format: '%m/%d/%Y' 
       } 
      } 
     } 
    }); 
}

见this post GitHub上。看起来这是在9月份新增的2014

来源

2017-06-28 23:51:23

c3.js散点图例子，TSV文件

回答

相关问题