从Angular指令将数据传递到D3

Question

I am trying to create a chart using D3 and Angular, using data retrieved from a database.
The code below shows that chart_scan_times is the array that I want, but the graph is not displaying the data. Most like a problem with the '{{ }}' syntax on my EJS page, but I have tried including <%= %>, etc around the passing of chart_scan_times to data without it working

    {{chart_scan_times}}
  <bars data='{{chart_scan_times}}'></bars>    

Displays this

The code below correctly displays the graph

      <bars data='40,4,14,22,99'></bars>

Displays This

Any help would be greatly appreciated

Answer 1

It seems the data attribute takes a string and you are passing an array. Try chart_scan_times = dataArr.join() from your controller or wherever you initialize this expression