Create a Line chart using highcharts.js inside a tab with ng-show
<p>I am creating a web app with multiple tabs in a page. In one of the tabs using ng-show, I am willing to show a Line chart using highcharts. </p>

<p>I have a JavaScript file for the app where based on the selection of multiple html templates i have, the controllers for each html template are being defined. </p>

<p>For the JavaScript part of the chart, when I try to include the code in the file the app stops working. I then tried using the <em>$scope.configChart = {...}</em> inside the controller, but it also results into the same thing. </p>

<p>Can anyone help me with, how exactly should I implement the chart using highcharts. Apologies for this, may be this is a naive question but I am new to AngularJS and JavaScript.</p>