[angularjs]与自定义数组的迷你图

发布时间: 2017/4/16 0:54:42
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我为我的迷你图图表有此代码︰

       <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>

我只是想要改变attr 为我的数据,像这样的数组︰

<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

解决方法 1:

在 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);
赞助商