3

この jquery プラグインを使用して、スパークラインhttp://www.omnipotent.net/jquery.sparklineを表示しています。

行の値に負の値がある場合を除いて完全に機能し、「-299」ではなく「-,299」のみが表示されます。

ここにフィドルがありますhttp://jsfiddle.net/alfdc/u8pyg/

HTML:

<div class="sparkslim" linevalues="69,1198,1076,545,447,-182,195,0,276,199,-312,187,713,508,2088,28947,33595,34587,19261,58,202,277,194,974"></div>

JS:

$(".sparkslim").sparkline('html', {type: 'line', tagValuesAttribute: 'linevalues', 
width: "135",
    height: "25",
    lineColor: "#adadad",
    fillColor: "rgba(244, 252, 225, 0.0)",
    lineWidth: 2,
    spotColor: "#909090",
    minSpotColor: "#909090",
    maxSpotColor: "#909090",
    highlightSpotColor: "#666",
    highlightLineColor: "#666",
    spotRadius: 0,
    chartRangeMin: 0,
    tooltipFormat: '{{offset:offset}} : {{y:val}}',
});
4

1 に答える 1

3

内部関数番号 formatNumber に誤りがあります。カスタムnumberFormatterを設定して解決します。次のようになります。

$(".sparkslim").sparkline('html', {
     ...
     numberFormatter: function(x) { return x; },
     ...
});

例を次に示します: http://jsfiddle.net/u8pyg/1/

于 2015-04-15T07:41:03.917 に答える