How to dynamically edit rows/columns to a Google Line chart on user action(slider/dropdown)
<p>I have create a Line chart using Google Visualization API and data coming from json for the Line chart. Now i want to edit line chart on User action(can be dropdown for each point on horizontal axis) i.e. change data values that we passes to google chart i.e. edit value in "<strong>arrayToDataTable</strong>".</p>

<pre><code>var lineData = google.visualization.arrayToDataTable([
['Popularity', 'Time'],
[0, 0],   [1, 10],  [2, 23],  [3, 17],  [4, 18],  [5, 9],
[6, 11],  [7, 27],  [8, 33],  [9, 40],  [10, 32], [11, 35],
[12, 30], [13, 40]
]);
</code></pre>

<p>I already tried using Controls and Dashboards(google chart feature) that allows us to change chart like as below mentioned link:</p>

<p><a href="https://jsfiddle.net/harshl22/nuff8zLc/1/" rel="nofollow">https://jsfiddle.net/harshl22/nuff8zLc/1/</a> </p>

<p>But it is only changing axis values not dataTable values like i wanted.</p>

<p>Is there any feature or property that will allow me to do so.</p>

<p>thanks in advance.</p>