带有自定义数组的迷你图答案

【问题标题】：Sparkline with custom array带有自定义数组的迷你图
【发布时间】：2016-04-25 15:23:36
【问题描述】：

我的迷你图有这个代码：

       <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 attr，如下所示：

<div sparkline="" values="{{myArray}}"...

我正在使用 AngularJs，我尝试创建一个数组，如：

vm.charData = [1,3,4,7,5,9,4,4,7,5,9,6,4];

但它没有得到它尽可能。我能做些什么？我也尝试使用 jQuery，但它显示了这个错误

$element.sparkline 不是函数

如果有人知道我该如何放置很棒的自定义数组，请 :D

【问题讨论】：

你想把数组[1,3,4,7,5,9,4,4,7,5,9,6,4]放在哪里？在div?如果是 - 你有 3 divs... 让你的问题更清楚
在值的属性中，现在我的表显示值 --> 4,4,7,5,9,6,4 我只想放一个数组，现在看问题

标签： javascript jquery arrays angularjs sparklines

【解决方案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);

【讨论】：