C3: 로그 플롯

안녕하세요, 죄송합니다. 이제 직접 로그 스케일 데이터를 생성하고 플롯해야 합니다.
나중에 새로운 기능으로 고려하겠습니다.

안녕하세요 마사유키님

로그 스케일 데이터를 생성해야 합니다.

지금 이 기능을 에뮬레이트할 수 있다는 말입니까? #Axis 예제를 살펴보았지만 임의의 위치에 눈금을 넣는 방법을 찾지 못했습니다. 어떤 예제를 살펴봐야 합니까?
귀하의 시간과 노고에 감사드립니다.
야코프.

데이터를 준비할 때 로그 스케일로 변환합니다. Python에서 다음과 같은 목록이 있다고 가정해 보겠습니다.

[100,1000,10000]

당신은 단지 이것을

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

Masayuki의 해결 방법 구현:

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); }
            }
        }
    },
});

hai @pbustosl ,, 그것은 나를 위해 일합니다! thx...하지만 data1에 값 0이 있을 때 작동하지 않습니다. 어떻게 값 0을 처리할 수 있습니까? 감사

다음은 값의 형식도 지정합니다.

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); }
            }
        }
    },
});

그것은 꽤 추한 해킹입니다. 모든 d3 스케일을 연결할 수 있는 API를 노출할 수 있습니까?

+1 ...로그 스케일로 차트를 그려야 합니다.

나는 또한 내 y 축을 로그로 설정하는 기능을 원합니다.

저도 y축에 로그 스케일을 사용할 수 있기를 바랍니다.

이것에 대한 소식이 있습니까?

이 문제를 해결하려고 했습니다(#2100). 이것은 100% 완벽하지는 않지만 많은 경우에 충분할 수 있습니다.

@pbustosl 해결 방법을 시도

그러나 데이터 값이 1일 때 y축은 1부터 시작했습니다. 또한 데이터 값이 0일 때 차트가 렌더링되지 않았습니다.

나는 그것에 대한 몇 가지 해결 방법을 수행했습니다.
이 JSFiddle https://jsfiddle.net/86chryat/ 를 참조

d3.js는 축의 로그 스케일을 직접 지원하므로 c3에 표시될 수 있다면 정말 좋을 것입니다. 틱도 처리하기 때문에 데이터를 다시 계산하는 것보다 훨씬 좋은 솔루션입니다.

로그 척도가 유용할 것이라는 데 동의합니다.

@masayuki0812 - 이것을 닫는다는 것은 지원을 고려하지 않는다는 뜻인가요? 특정 응용 프로그램에서 정말 중요한 기능입니다. 시간/의향이 있다면 적절한 통합을 하는 것이 좋을 것입니다.