带有自定义数组的迷你图

Sparkline with custom array

本文关键字：数组 自定义      更新时间：2023-09-26

我的迷你图有以下代码：

       <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.迷你图不是一个函数

如果有人知道如何放置我的自定义数组，那将是很棒的，: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);
相关文章：