template: '<canvas :height="height"></canvas>',
var ctx = (el || self.$el).getContext('2d');
self.chart = new Chart(ctx, {
type: self.type || 'line',
options: self.options || {
maintainAspectRatio: false,
beforeDestroy: function() {
var customers = getData();
customers.forEach(function(item) {
if ((item.delivery || []).length > 1) {
var labels = _.map(item.delivery, 'Date');
item.chartData = item.chartData || {
data: _.map(item.delivery, 'Spend'),
data: _.map(item.delivery, 'Impressions'),
data: _.map(item.delivery, 'Clicks'),
data: _.map(item.delivery, 'Actions'),
this.customers = customers;
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 11.213638279466666
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 7.896304394276923
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 12.68016775971111
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 21.696377455123077
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 13.4076163963625
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 0.020909348990909092
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 12.395865271522222
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 8.952918514290909
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 13.753009574788889
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 4.276778708676923
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 7.294596572238461
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 10.609177066722221
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 7.570981934430769
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 9.060712339118181
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 10.228636813284615
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 20.53155207039231
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 43.27779573052222
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 9.307425316353847
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 3.1773433174615384
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 5.994197074646154
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 5.982173959346154
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 18.551773027733333
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 8.160526111923076
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 14.895095201476924
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 14.695465919361538
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 14.307356690107692
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 16.73538240846154
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 4.7499530314846155
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 6.956091160230769
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 7.172203919230769
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 30.938585300084615
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 12.153459857353846
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 7.268060212315385
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 4.204509948353846
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 3.9478996955076924
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 17.321188388884615
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 12.29371261036923
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 3.9773065993692307
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 3.9562198753384616
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 3.6945288111538463
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 10.568146748722222
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 6.619836213230769
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 11.003753190076923
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 4.051358503523077
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 9.463735167633333
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 8.668961783984615
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 4.011176323346154
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 8.715325011384616
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 11.469052815861538
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 7.011123699207692
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 7.020839989692307
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 8.696540308807693
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 28.091684557823076
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 4.069103112523077
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 15.454436173763636
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 15.502770919954546
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 4.016933506238462
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 7.494030309869231
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 0.018100386933333334
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 8.61306439596923
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 4.223949430584615
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 7.003225431476923
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 9.611953165392308
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 13.003279640623077
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 11.795492357423077
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 13.284101197192308
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 5.114009409284615
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 9.636617017815384
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 18.316328457815384
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 11.513897564092307
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 6.386189352184616
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 4.407668901330769
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"Spend": 18.816062935892308
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",
"CustomerName": "SOME_CUSTOMER_NAME",