Hi @plim.
Code is below
There is a table in each page as well that I have cut out to simply it as well. Interestingly the tables update, Just nt the charts.
<div ng-controller="MineCashCostsCtrl">
<ol class="breadcrumb">
<li><a href="#/">Home</a></li>
<li class="Unit Mine Cash Costs Report">Data</li>
</ol>
<h1>
<span style="float: left; width: 50px; "><i ng-if="$root.isLoading" class="fa fa-cog fa-spin" ></i><i ng-if="!$root.isLoading" class="fa fa-file-text-o"></i></span> Unit Mine Cash Costs Report
</h1>
<div class="row">
<div class="col-md-2">
<tm1-ui-subnm
tm1-instance="Wesfarmers_Prod"
tm1-dimension="year"
tm1-subset="years"
tm1-default-element="{{default.year}}"
ng-model="selections.finYear" >
</tm1-ui-subnm>
</div>
<div class="col-md-4">
<tm1-ui-subnm
tm1-instance="Wesfarmers_Prod"
tm1-dimension="Month"
tm1-default-element="{{default.month}}"
tm1-subset="Canvas-MonthsOnly"
tm1-attribute="DESC"
ng-model="selections.month" >
</tm1-ui-subnm>
</div>
<div class="col-md-4">
</div>
</div>
<!-- tabs for data -->
<ul class="nav nav-tabs">
<li class="active">
<a href="#1" data-toggle="tab">Cash Costs by Account</a>
</li>
<li><a href="#2" data-toggle="tab">Cash Costs by Activity</a>
</li>
</ul>
<!--ul class="nav nav-tabs">
<li ng-class="{'active':titles.activeTab == 1}">
<a ng-click="titles.activeTab = 1" data-toggle="tab">Cash Costs by Account</a>
</li>
<li ng-class="{'active':titles.activeTab == 2}">
<a ng-click="titles.activeTab = 2" data-toggle="tab">Cash Costs by Activity</a>
</li>
</ul-->
<div class="tab-content ">
<!--- tab 1 for cash costs by account -->
<div class="tab-pane active" id="1">
<div class="row">
<div class="col-md-4 panel panel-default">
<h4 class="text-center">Mine Cash Costs by Account Month to Date {{default.fullMonth}}</h4>
<tm1-ui-chart tm1-chart-type="multiBar" tm1-axis-label-y="$/t" tm1-axis-label-x="" tm1-height="600">
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Contractors - Thiess" tm1-instance="Wesfarmers_prod" tm1-cube="Trial_Balance" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}},Contractors,69311,total activity,total lob,total location,01,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Contractors - Other" tm1-instance="Wesfarmers_prod" tm1-cube="Trial_Balance" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}},Contractors,total identifier,total activity,total lob,total location,01,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Labour" tm1-instance="Wesfarmers_prod" tm1-cube="Trial_Balance" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}},Labour,total identifier,total activity,total lob,total location,01,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Fuel" tm1-instance="Wesfarmers_prod" tm1-cube="Trial_Balance" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}},Fuel,total identifier,total activity,total lob,total location,01,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Maint. Spares" tm1-instance="Wesfarmers_prod" tm1-cube="Trial_Balance" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}},Maintenance Spares,total identifier,total activity,total lob,total location,01,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Other" tm1-instance="Wesfarmers_prod" tm1-cube="Trial_Balance" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}},Other cash cost accounts,total identifier,total activity,total lob,total location,01,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Explosives" tm1-instance="Wesfarmers_prod" tm1-cube="Trial_Balance" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}},Explosives,total identifier,total activity,total lob,total location,01,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Water/Elec" tm1-instance="Wesfarmers_prod" tm1-cube="Trial_Balance" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}},Explosives,total identifier,total activity,total lob,total location,01,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Consumables" tm1-instance="Wesfarmers_prod" tm1-cube="Trial_Balance" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}},Consumables,total identifier,total activity,total lob,total location,01,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Hire Equipment" tm1-instance="Wesfarmers_prod" tm1-cube="Trial_Balance" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}},Hire Equipment,total identifier,total activity,total lob,total location,01,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Process Cons" tm1-instance="Wesfarmers_prod" tm1-cube="Trial_Balance" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}},Process Consumables,total identifier,total activity,total lob,total location,01,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Tyres" tm1-instance="Wesfarmers_prod" tm1-cube="Trial_Balance" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}},Tyres & Tubes,total identifier,total activity,total lob,total location,01,value (000000),$" ></tm1-ui-chart-db>
</tm1-ui-chart>
</div>
<div class="col-md-4 panel panel-default">
<h4 class="text-center">Mine Cash Costs by Activity Year to Date {{selections.finYear}}</h4>
<tm1-ui-chart tm1-chart-type="multiBar" tm1-axis-label-y="$/t" tm1-axis-label-x="" tm1-height="600">
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Contractors - Thiess" tm1-instance="Wesfarmers_prod" tm1-cube="Trial_Balance" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}}_YTD,Contractors,69311,total activity,total lob,total location,01,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Contractors - Other" tm1-instance="Wesfarmers_prod" tm1-cube="Trial_Balance" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}}_YTD,Contractors,total identifier,total activity,total lob,total location,01,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Labour" tm1-instance="Wesfarmers_prod" tm1-cube="Trial_Balance" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}}_YTD,Labour,total identifier,total activity,total lob,total location,01,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Fuel" tm1-instance="Wesfarmers_prod" tm1-cube="Trial_Balance" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}}_YTD,Fuel,total identifier,total activity,total lob,total location,01,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Maint. Spares" tm1-instance="Wesfarmers_prod" tm1-cube="Trial_Balance" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}}_YTD,Maintenance Spares,total identifier,total activity,total lob,total location,01,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Other" tm1-instance="Wesfarmers_prod" tm1-cube="Trial_Balance" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}}_YTD,Other cash cost accounts,total identifier,total activity,total lob,total location,01,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Explosives" tm1-instance="Wesfarmers_prod" tm1-cube="Trial_Balance" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}}_YTD,Explosives,total identifier,total activity,total lob,total location,01,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Water/Elec" tm1-instance="Wesfarmers_prod" tm1-cube="Trial_Balance" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}}_YTD,Explosives,total identifier,total activity,total lob,total location,01,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Consumables" tm1-instance="Wesfarmers_prod" tm1-cube="Trial_Balance" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}}_YTD,Consumables,total identifier,total activity,total lob,total location,01,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Hire Equipment" tm1-instance="Wesfarmers_prod" tm1-cube="Trial_Balance" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}}_YTD,Hire Equipment,total identifier,total activity,total lob,total location,01,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Process Cons" tm1-instance="Wesfarmers_prod" tm1-cube="Trial_Balance" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}}_YTD,Process Consumables,total identifier,total activity,total lob,total location,01,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Tyres" tm1-instance="Wesfarmers_prod" tm1-cube="Trial_Balance" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}}_YTD,Tyres & Tubes,total identifier,total activity,total lob,total location,01,value (000000),$" ></tm1-ui-chart-db>
</tm1-ui-chart>
</div>
</div>
</div><!-- end of tab-pane 1 -->
<!-- tab 2 for cash costs by account -->
<div class="tab-pane" id="2">
<!-- cash costs by activity go here -->
<div class="row">
<div class="col-md-4 panel panel-default">
<h4 class="text-center">Mine Cash Costs by Activity Month to Date {{default.fullMonth}}</h4>
<tm1-ui-chart tm1-chart-type="multiBar" tm1-axis-label-y="$/t" tm1-axis-label-x="" tm1-margin-bottom="chart.margin" tm1-height="400">
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Drill and Blast" tm1-instance="Wesfarmers_prod" tm1-cube="ABC" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}},total tb account,total identifier,total activity,total lob,total location,01,total allocation,all abc equipment,total abc location,2001,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Dragline Systems" tm1-instance="Wesfarmers_prod" tm1-cube="ABC" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}},total tb account,total identifier,total activity,total lob,total location,01,total allocation,all abc equipment,total abc location,2002,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="truck and Shovel" tm1-instance="Wesfarmers_prod" tm1-cube="ABC" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}},total tb account,total identifier,total activity,total lob,total location,01,total allocation,all abc equipment,total abc location,2003,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Coal Mining" tm1-instance="Wesfarmers_prod" tm1-cube="ABC" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}},total tb account,total identifier,total activity,total lob,total location,01,total allocation,all abc equipment,total abc location,2005,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Coal Processing" tm1-instance="Wesfarmers_prod" tm1-cube="ABC" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}},total tb account,total identifier,total activity,total lob,total location,01,total allocation,all abc equipment,total abc location,2006,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Indirect" tm1-instance="Wesfarmers_prod" tm1-cube="ABC" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}},total tb account,total identifier,total activity,total lob,total location,01,total allocation,all abc equipment,total abc location,2007,value (000000),$" ></tm1-ui-chart-dbr>
</tm1-ui-chart>
</div>
<div class="col-md-4 panel panel-default">
<h4 class="text-center">Mine Cash Costs by Activity Year to Date {{selections.finYear}}</h4>
<tm1-ui-chart tm1-chart-type="multiBar" tm1-axis-label-y="$/t" tm1-axis-label-x="" tm1-margin-bottom="chart.margin" tm1-height="400">
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Drill and Blast" tm1-instance="Wesfarmers_prod" tm1-cube="ABC" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}}_ytd,total tb account,total identifier,total activity,total lob,total location,01,total allocation,all abc equipment,total abc location,2001,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Dragline Systems" tm1-instance="Wesfarmers_prod" tm1-cube="ABC" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}}_ytd,total tb account,total identifier,total activity,total lob,total location,01,total allocation,all abc equipment,total abc location,2002,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="truck and Shovel" tm1-instance="Wesfarmers_prod" tm1-cube="ABC" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}}_ytd,total tb account,total identifier,total activity,total lob,total location,01,total allocation,all abc equipment,total abc location,2003,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Coal Mining" tm1-instance="Wesfarmers_prod" tm1-cube="ABC" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}}_ytd,total tb account,total identifier,total activity,total lob,total location,01,total allocation,all abc equipment,total abc location,2005,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Coal Processing" tm1-instance="Wesfarmers_prod" tm1-cube="ABC" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}}_ytd,total tb account,total identifier,total activity,total lob,total location,01,total allocation,all abc equipment,total abc location,2006,value (000000),$" ></tm1-ui-chart-dbr>
<tm1-ui-chart-dbr ng-repeat="scenario in ['Budget','Actual'] track by $index" tm1-order-no="{{$index + 1}}" tm1-label="{{scenario}}" tm1-series="Indirect" tm1-instance="Wesfarmers_prod" tm1-cube="ABC" tm1-elements="{{scenario}},Base,{{selections.finYear}},{{selections.month}}_ytd,total tb account,total identifier,total activity,total lob,total location,01,total allocation,all abc equipment,total abc location,2007,value (000000),$" ></tm1-ui-chart-dbr>
</tm1-ui-chart>
</div>
</div>
</div> <!-- end of tab div-->
</div><!-- end of controller div -->