C3: 対数プロット

作成日 2014年05月20日 · 16コメント · ソース: c3js/c3

こんにちは、みんな、
ここと例のページで少し検索しましたが、対数スケールの軸については何も見つかりませんでした。それらを作成することは可能ですか？そうでない場合は、これを機能リクエストと見なしてください。
よろしくお願いします、
ヤコフ。

C-feature-request C-new-chart

ソース

YakovL

最も参考になるコメント

それはかなり醜いハックです。任意のd3スケールをプラグインできるようにするAPIを公開することは可能でしょうか？

robertlevy 2016年04月08日

👍14 👀1 🚀1 ❤1 🎉1

全てのコメント16件

こんにちは、申し訳ありませんが現在はありません。次に、対数スケールのデータを自分で生成してプロットする必要があります。
後で新機能として検討します。

masayuki0812 2014年05月21日

こんにちはマサユキ、

対数スケールのデータを生成する必要があります

この機能を今すぐエミュレートできるということですか？ #Axisの例を調べましたが、目盛りを任意の位置に配置する方法に気づいていません。どの例を調べる必要がありますか？
よろしくお願いいたします。お手数をおかけしますが、よろしくお願いいたします。
ヤコフ。

YakovL 2014年05月22日

データを準備するときは、対数スケールに変換します。 Pythonでは、このようなリストがあるとしましょう

[100,1000,10000]

あなたはこれをするだけです

import math
log_list = map(math.log10,[100,1000,10000])

gourneau 2014年06月11日

マサユキの回避策の実装：

data_test_original = ['data1', 10, 100, 1000, 3, 500, 50, 5, 3000]
data_test = ['data1'];
for(var i=1; i<data_test_original.length; i++){
    data_test[i] = Math.log(data_test_original[i]) / Math.LN10;
}

var chart_test = c3.generate({
    bindto: '#chart_test',
    size: {
        height: 240,
        width: 480
    },
    data: {
      columns: [
        data_test
      ]
    },
    axis : {
        y : {
            tick: {
               format: function (d) { return Math.pow(10,d).toFixed(2); }
            }
        }
    },
});

pbustosl 2014年06月26日

👍3 🚀1

hai @pbustosl ,,それは私にとっては

ihsansatriawan 2014年07月05日

以下も値をフォーマットします：

data_test_original = ['data1', 10, 100, 1000, 3, 500, 50, 5, 3000]
data_test = ['data1'];
for(var i=1; i<data_test_original.length; i++){
    data_test[i] = Math.log(data_test_original[i]) / Math.LN10;
}

var chart_test = c3.generate({
    size: {
        height: 240,
        width: 480
    },
    data: {
        type:"bar",
      columns: [
        data_test
      ],
      labels : {show:true,
          format: {
              data1 : function(d,id){console.log(id, Math.pow(10,d));return Math.pow(10,d).toFixed(0);}
          }
      }
    },
    axis : {
        y : {
            show:false,
            tick: {
               format: function (d) { return Math.pow(10,d).toFixed(0); }
            }
        }
    },
});