0

chartist.js を使用してチャートを作成しており、FixedScaleAxis を使用して y 軸上のポイントを正確に制御しています。

var data = {
  labels: [ "1995",
                           "1996",
                           "1997",
                           "1998",
                           "1999",
                           "2000",
                           "2001",
                           "2002",
                           "2003",
                           "2004",
                           "2005",
                           "2006",
                           "2007",
                           "2008",
                           "2009",
                           "2010",
                           "2011",
                           "2012",
                           "2013",
                           "2014",
                           "2015"],
    series: [
    [ 2.92,
                                 2.83,
                                 2.69,
                                 2.57,
                                 2.4,
                                 2.27,
                                 2.19,
                                 2.15,
                                 2.06,
                                 2.06,
                                 1.92,
                                 1.82,
                                 1.8,
                                 1.76,
                                 1.72,
                                 1.71,
                                 1.61,
                                 1.56,
                                 1.52,
                                 1.41,
                                 1.35]
  ]
};

var options = {
  height:400,
  seriesBarDistance: 100,
  axisY : {
             type : Chartist.FixedScaleAxis,
             ticks : [ 0, 0.3, 0.6, 0.9, 1.2, 1.5, 1.8, 2.1, 2.4, 2.7, 3.0 ]
            }
};

new Chartist.Line('.ct-chart', data, options);

しかし、高さを追加すると、x 軸はグラフの下ではなくグラフ内に表示されます。フィドルを見てください

http://jsfiddle.net/Lnhpwn8x/19/

4

1 に答える 1