迷你圖定製陣列

Question

我有我的迷你圖圖表驗證碼：

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

但它不ge儘可能。我能做什麼？我tryed使用jQuery以及但它表明我這個錯誤

$ element.sparkline不是一個函數

如果有人知道我可以把我的自定義數組，這將是真棒，TY：d

Answer 1

在HTML中JS添加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> 

：

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