| 796 | } |
| 797 | |
| 798 | createLineCharts () { |
| 799 | const visibleWidth = $('.kpi-recent-chart').width() |
| 800 | d3Utils.createLineChart('.kpi-recent-chart', this.kpiRecentChartLines, visibleWidth) |
| 801 | d3Utils.createLineChart('.kpi-chart', this.kpiChartLines, visibleWidth) |
| 802 | d3Utils.createLineChart('.kpi-all-time-chart', this.kpiAllTimeChartLines, visibleWidth) |
| 803 | d3Utils.createLineChart('.active-classes-chart-90', this.activeClassesChartLines90, visibleWidth) |
| 804 | d3Utils.createLineChart('.active-classes-chart-365', this.activeClassesChartLines365, visibleWidth) |
| 805 | d3Utils.createLineChart('.classroom-daily-active-users-chart-90', this.classroomDailyActiveUsersChartLines90, visibleWidth) |
| 806 | d3Utils.createLineChart('.classroom-monthly-active-users-chart-90', this.classroomMonthlyActiveUsersChartLines90, visibleWidth) |
| 807 | d3Utils.createLineChart('.classroom-daily-active-users-chart-365', this.classroomDailyActiveUsersChartLines365, visibleWidth) |
| 808 | d3Utils.createLineChart('.classroom-monthly-active-users-chart-365', this.classroomMonthlyActiveUsersChartLines365, visibleWidth) |
| 809 | d3Utils.createLineChart('.campaign-daily-active-users-chart-90', this.campaignDailyActiveUsersChartLines90, visibleWidth) |
| 810 | d3Utils.createLineChart('.campaign-monthly-active-users-chart-90', this.campaignMonthlyActiveUsersChartLines90, visibleWidth) |
| 811 | d3Utils.createLineChart('.campaign-daily-active-users-chart-365', this.campaignDailyActiveUsersChartLines365, visibleWidth) |
| 812 | d3Utils.createLineChart('.campaign-monthly-active-users-chart-365', this.campaignMonthlyActiveUsersChartLines365, visibleWidth) |
| 813 | d3Utils.createLineChart('.campaign-vs-classroom-monthly-active-users-recent-chart.line-chart-container', this.campaignVsClassroomMonthlyActiveUsersRecentChartLines, visibleWidth) |
| 814 | d3Utils.createLineChart('.campaign-vs-classroom-monthly-active-users-chart.line-chart-container', this.campaignVsClassroomMonthlyActiveUsersChartLines, visibleWidth) |
| 815 | d3Utils.createLineChart('.paid-courses-chart', this.enrollmentsChartLines, visibleWidth) |
| 816 | d3Utils.createLineChart('.recurring-daily-revenue-chart-90', this.revenueDailyChartLines90Days, visibleWidth) |
| 817 | d3Utils.createLineChart('.recurring-monthly-revenue-chart-90', this.revenueMonthlyChartLines90Days, visibleWidth) |
| 818 | d3Utils.createLineChart('.recurring-daily-revenue-chart-365', this.revenueDailyChartLines365Days, visibleWidth) |
| 819 | return d3Utils.createLineChart('.recurring-monthly-revenue-chart-365', this.revenueMonthlyChartLines365Days, visibleWidth) |
| 820 | } |
| 821 | |
| 822 | updateAllKPIChartData () { |
| 823 | // Calculate daily mrr based on previous 30 days, attribute full year sub purchase to purchase day |