如何在JavaScript外部設置jQuery迷你圖的樣式

Question

我一直在嘗試jQuery迷你圖插件，並且該樣式已在javascript中應用，例如

$('#barchart').sparkline('html', { type:'bar', barColor:'green' });

是否有一種解決方案，可以在不編輯腳本的情況下應用和更改樣式。 例如，在css樣式表或自定義文件中，類似

.sparkline {
    type: bar;
    barColor: green;
}

也許JavaScript看起來與此類似？

$('#barchart').sparkline('html', $.getStyle('sparkline'));

Answer 1

不，不是可能的，因為這個特定的插件基於canvas並且完全在JavaScript中繪制。 如果要使用SVG，則可以設置單個SVG元素的樣式。

但是，您當然可以從頁面中的其他元素復制樣式：

var color = $('.brightgreen').css('background-color');
... barColor: color ...