2

X軸を降順でソートすることは可能ですか？当然、c3はx軸の昇順でソートしています。私のグラフは以下のようなものです。

jQuery(function($) {
  var chart = c3.generate({
    bindto: '#chart',
    data: {
      x: 'x',
      columns: [
        ['x', 20, 19, 18, 17, 16, 15, 14, 13, 12, 11],
        ['data1', 180, 232, 250, 289, 424, 473, 414, 428, 590, 600]
      ],
      axes: {
        data1: 'y2'
      },
      regions: {
        'data1': [{start: 16, style: 'dashed'}]
      }
    },
    axis: {
      y: {
        show: false
      },
      y2: {
        show: true
      }
    }
  });
});
<link href="http://cdnjs.cloudflare.com/ajax/libs/c3/0.3.0/c3.min.css" rel="stylesheet"/>

<div id="chart"></div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/c3/0.3.0/c3.min.js"></script>

グラフの x 軸を、降順のように x シリーズとまったく同じにしたい。どんな助けでも大歓迎です。

4

1 に答える 1

5

はい、これを達成する方法を見つけました。単純に負の x 値を指定すると、c3 は x 軸を降順で描画します。次に、正の値が表示されるようにラベルをフォーマットします。

jQuery(function($) {
  var chart = c3.generate({
    bindto: '#chart',
    data: {
      x: 'x',
      columns: [
        ['x', -20, -19, -18, -17, -16, -15, -14, -13, -12, -11],
        ['data1', 180, 232, 250, 289, 424, 473, 414, 428, 590, 600]
      ],
      axes: {
        data1: 'y2'
      },
      regions: {
        'data1': [{start: -16, style: 'dashed'}]
      }
    },
    axis: {
      y: {
        show: false
      },
      y2: {
        show: true
      },
      x: {
        tick: {
          format: function (x) {
            return -x;
          }
        }
      }
    }
  });
});
<link href="http://cdnjs.cloudflare.com/ajax/libs/c3/0.3.0/c3.min.css" rel="stylesheet"/>

<div id="chart"></div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/c3/0.3.0/c3.min.js"></script>

于 2014-09-25T20:28:11.373 に答える