Question

我正在使用此jquery插件来显示迷你图，http://www.omnipotent.net/jquery.sparkline。

完美无缺，除非线值上有负值，它显示＆＃34; - ，299＆＃34;而不是＆＃34; -299＆＃34;只是，我试图跟踪所有逗号仍然附加的内容，即使该值仅为数百。

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

Answer 1

内部功能编号formatNumber有错误。我通过设置自定义numberFormatter来解决它。它应该是这样的：

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

以下是示例：http://jsfiddle.net/u8pyg/1/

Jquery Sparklines在工具提示上显示负值的错误格式

1 个答案: