TypeScript: Modern JavaScript Development

Implementing the chart view

Let's create a new file named chart_view.ts under the app/views directory. This is the last view that we will implement. This view is almost identical to the previous ones, but there is one significant difference. As the chart is rendered by Highcharts and not Handlebars, we will avoid passing a template URL to the ViewSettings decorator:

/// <reference path="../../framework/interfaces"/>

import { View, AppEvent,ViewSettings } from "../../framework/framework";

@ViewSettings(null, "#chart_container")
class ChartView extends View implements IView {

  constructor(metiator : IMediator) {
    super(metiator);
  }

The ChartView view is subscribed to the app.view.chart.render event. The event handler is invoked when the ChartModel