带有自定义数组的迷你图
Sparkline with custom array
我的迷你图有以下代码:
<div sparkline="" values="4,4,7,5,9,6,4" data-type="line" data-height="80" data-width="100%" data-line-width="2" data-line-color="#dddddd" data-spot-color="#bbbbbb" data-fill-color="" data-highlight-line-color="#fff" data-spot-radius="3"
data-resize="true"></div>
<!-- Bar chart-->
<div class="text-center">
<div sparkline="" data-bar-color="#fff" data-height="50" data-bar-width="6" data-bar-spacing="6" values="1,3,4,7,5,9,4,4,7,5,9,6,4"></div>
</div>
我只想更改我的数据数组的 values 属性,如下所示:
<div sparkline="" values="{{myArray}}"...
我正在使用 AngularJs,我尝试创建一个数组,如:
vm.charData = [1,3,4,7,5,9,4,4,7,5,9,6,4];
但它没有尽可能地得到它。我能做什么?我也尝试使用 jQuery 但它向我显示此错误
$element.sparkline 不是函数
如果有人知道我如何放置我的自定义数组那会很棒,ty:D
在 HTML 中将 class
添加到您的 <div>
<div class='yourClass' sparkline="" values="4,4,7,5,9,6,4" data-type="line" data-height="80" data-width="100%" data-line-width="2" data-line-color="#dddddd" data-spot-color="#bbbbbb" data-fill-color="" data-highlight-line-color="#fff" data-spot-radius="3"
data-resize="true"></div>
在 js 中:
vm.charData = [1,3,4,7,5,9,4,4,7,5,9,6,4];
document.querySelector('.yourClass').setAttribute('values', vm.charData);
如果您正在使用 jQuery:
$('.yourClass').attr('values', vm.charData);
我的迷你图有以下代码:
<div sparkline="" values="4,4,7,5,9,6,4" data-type="line" data-height="80" data-width="100%" data-line-width="2" data-line-color="#dddddd" data-spot-color="#bbbbbb" data-fill-color="" data-highlight-line-color="#fff" data-spot-radius="3"
data-resize="true"></div>
<!-- Bar chart-->
<div class="text-center">
<div sparkline="" data-bar-color="#fff" data-height="50" data-bar-width="6" data-bar-spacing="6" values="1,3,4,7,5,9,4,4,7,5,9,6,4"></div>
</div>
我只想更改我的数据数组的 values 属性,如下所示:
<div sparkline="" values="{{myArray}}"...
我正在使用 AngularJs,我尝试创建一个数组,如:
vm.charData = [1,3,4,7,5,9,4,4,7,5,9,6,4];
但它没有尽可能地得到它。我能做什么?我也尝试使用 jQuery 但它向我显示此错误
$element.sparkline 不是函数
如果有人知道我如何放置我的自定义数组那会很棒,ty:D
在 HTML 中将 class
添加到您的 <div>
<div class='yourClass' sparkline="" values="4,4,7,5,9,6,4" data-type="line" data-height="80" data-width="100%" data-line-width="2" data-line-color="#dddddd" data-spot-color="#bbbbbb" data-fill-color="" data-highlight-line-color="#fff" data-spot-radius="3"
data-resize="true"></div>
在 js 中:
vm.charData = [1,3,4,7,5,9,4,4,7,5,9,6,4];
document.querySelector('.yourClass').setAttribute('values', vm.charData);
如果您正在使用 jQuery:
$('.yourClass').attr('values', vm.charData);