[jQuery]jqplotの円グラフがIE8で表示されない件

window7のIE8環境下でjqplotの円グラフが表示されないという問題を発見。

具体的には、下記のプログラムで再現される。

$.jqplot('piechart', [[['hoge',100],['bar',0]]], {
  seriesDefaults: {
    renderer: $.jqplot.PieRenderer,
    rendererOptions: {
      startAngle: -90
    }
  },
  legend: { show:false}
});

ちなみに、これでも再現できる。

$.jqplot('piechart', [[['hoge',0],['bar',100]]], {
  seriesDefaults: {
    renderer: $.jqplot.PieRenderer,
    rendererOptions: {
      startAngle: -90
    }
  },
  legend: { show:false}
});

で結論からすると、startAngleパラメータが原因らしく、startAngleをなくすと解決しました。

$.jqplot('piechart', [[['hoge',100],['bar',0]]], {
  seriesDefaults: {
    renderer: $.jqplot.PieRenderer,
    rendererOptions: {
    }
  },
  legend: { show:false}
});

$.jqplot('piechart', [[['hoge',0],['bar',100]]], {
  seriesDefaults: {
    renderer: $.jqplot.PieRenderer,
    rendererOptions: {
    }
  },
  legend: { show:false}
});

それか、整数表示で問題ない場合は、下のようにしても解決することができた。

$.jqplot('piechart', [[['hoge',99.99],['bar',0.01]]], {
  seriesDefaults: {
    renderer: $.jqplot.PieRenderer,
    rendererOptions: {
      startAngle: -90
    }
  },
  legend: { show:false}
});

$.jqplot('piechart', [[['hoge',0.01],['bar',99.99]]], {
  seriesDefaults: {
    renderer: $.jqplot.PieRenderer,
    rendererOptions: {
      startAngle: -90
    }
  },
  legend: { show:false}
});