0

ここで C3 を初めて使用します。簡単な散布図を作ろうとしています。これでうまくいくと思いました (c3_test.csv は、サンプルからの同じデータ セットです)。

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
4

2 に答える 2

0

data1x 軸、data2y、および ignoreに使用する場合は、次のdata3ように使用できます。

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

少し遊んだ後、urlオプションを使用してTSVファイルをロードすることもできませんでしたが、ベースD3を使用してTSVを解析し、チャートオブジェクトにフィードすることができました。

于 2015-05-12T14:10:56.600 に答える