How to make my chartData dynamic using my valid local file(json)?
<p>I have a pieChart(sample working link below), but what I want is to get my chartData from my local file so it would not be hard coded. I'm having difficulty in this one. </p>

<p>Note that I have valid JSON file, which I test and it works. 
When I did is to assign my JSON file to the <code>var chartData = "validJsonFile.json"</code>, it is not working. my chart displays nothing at all. </p>

<p>I hope someone can help me. Thanks.</p>

<p>Sample Working ChartLink is <a href="http://codepen.io/team/amcharts/pen/c5ea20211ef3a5151480e88ed680dcb8" rel="nofollow noreferrer">here</a></p>

<p>the thing i tried but didnt work:</p>

<pre><code>var chartData = "validjsonfile.json";
</code></pre>

<p>the thing that works, but it is not dynamic.</p>

<pre><code>var chartData = [{
"title": "Marketing",
"value": 23,
"url":"#",
"description":"click to drill-down",
"data": [
{ "title": "Jan", "value": 1, "data": [
  { "title": "AAA", "value": 2 },
  { "title": "BBB", "value": 5 },
  { "title": "CCC", "value": 1 },
] }, /* and so on...... */
</code></pre>

<p>Please help.. Thanks you so much in advance...</p>