Edit in JSFiddle

var AppView = Backbone.View.extend({
  // el - stands for element. Every view has a element associate in with HTML
  //      content will be rendered.
  el: '#container',
  // It's the first function called when this view it's instantiated.
  initialize: function() {
    this.render();
  },
  render: function() {
    FusionCharts.ready(function() {
      var chartData = {
          "chart": {
            "caption": "Top 5 Companies Of 2017",
            "subCaption": "Based on Market Value (In Millions)",
            "xAxisName": "",
            "yAxisName": "Market Value",
            "numberPrefix": "$",
            "theme": "ocean",
            "bgcolor": "#DCEAFC",
            "canvasbgcolor": "#DCEAFC",
            "canvasbgalpha": "10",
            "rotateValues": "1",
            "exportEnabled": "1",
            "transposeAnimation": "1",
            "pieRadius": "70",
            "theme": "hulk-light"
          },

          "data": [{
            "label": "Apple",
            "value": "752"
          }, {
            "label": "Alphabet",
            "value": "579.5"
          }, {
            "label": "Microsoft",
            "value": "507.5"
          }, {
            "label": "Amazon",
            "value": "427"
          }, {
            "label": "Berkshire Hathaway",
            "value": "409.9"
          }]
        },

        revenueChartColumn = new FusionCharts({
          type: 'column2d',
          renderAt: 'chart-container',
          width: '420',
          height: '350',
          dataFormat: 'json',
          id: 'revenue-chart-column',
          dataSource: chartData
        }),
        chartinfo,
        revenueChartPie = new FusionCharts({
          type: 'pie2d',
          renderAt: 'chart-container',
          width: '420',
          height: '350',
          dataFormat: 'json',
          id: 'revenue-chart-pie',
          dataSource: chartData
        }),
        revenueChartBar = new FusionCharts({
          type: 'bar2d',
          renderAt: 'chart-container',
          width: '420',
          height: '350',
          dataFormat: 'json',
          id: 'revenue-chart-bar',
          dataSource: chartData
        }),
        revenueChartLine = new FusionCharts({
          type: 'line',
          renderAt: 'chart-container',
          width: '420',
          height: '350',
          dataFormat: 'json',
          id: 'revenue-chart-line',
          dataSource: chartData
        });



      createThumbNail = function(chartId, width, height, divId) {

          chartRef = FusionCharts(chartId),
            clonedChart = chartRef.clone({
              "width": width,
              "height": height
            });
          clonedChart.setChartAttribute({
            "showValues": "0",
            "showLabels": "0",
            "animation": "0",
            "exportEnabled": "0",
            "showTooltip": "0",
            "showHoverEffect": "0",
            "showYAxisValues": "0",
            "caption": "",
            "subCaption": "",
            "xAxisName": "",
            "pieRadius": "30",
            "yAxisName": "",
            "showXAxisLine": "0",
            "showYAxisLine": "0",
            "numDivLines": "0",
            "enableSlicing": "0",
            "enableRotation": "0"
          });


          clonedChart.addEventListener('chartClick', function() {
            var tmpData = chartinfo.getJSONData();

            FusionCharts(chartId).setJSONData(tmpData);
            FusionCharts(chartId).render('chart-container');
            chartinfo = FusionCharts(chartId);
          });
          clonedChart.render(divId, 'append');
        },


        // create thumbnails for all the three charts
        createThumbNail('revenue-chart-column', 95, 90, 'thumbnail-column');
      createThumbNail('revenue-chart-pie', 95, 90, 'thumbnail-pie');
      createThumbNail('revenue-chart-bar', 95, 90, 'thumbnail-bar');
      createThumbNail('revenue-chart-line', 95, 90, 'thumbnail-line');


      // render column chart by default
      revenueChartColumn.render();
      chartinfo = revenueChartColumn;

      radio = document.getElementsByTagName('input');
      for (i = 0; i < radio.length; i++) {
        radElem = radio[i];
        if (radElem.name === 'dv') {
          radElem.onclick = function() {
            val = this.getAttribute('value');
            val && chartinfo.setChartAttribute("showValues", val);
          };
        } else if (radElem.name === 'anim') {
          radElem.onclick = function() {
            val = this.getAttribute('value');
            val && chartinfo.setChartAttribute("animation", val);
            chartinfo.render();
          };
        } else {
          radElem.onclick = function() {
           
            val = this.getAttribute('value');
            
            if (val === 'carbontheme') {
             chartinfo.setChartAttribute("theme","carbon");
            } else if (val === 'zunetheme') {
             chartinfo.setChartAttribute("theme","zune");
            }
           
          };
        }

      }

    });
  }
});
var appView = new AppView();
<div class="wrapper">
  <div class="header">
    <a href="https://www.fusioncharts.com" class="logo-wrapper"><img src="https://www.fusioncharts.com/apple-touch-icon-114x114.png" alt=""></a>
    <ul class="thumbnails">
      <li>
        <div id="thumbnail-column" class="thumbnail"></div>
      </li>
      <li>
        <div id="thumbnail-pie" class="thumbnail"></div>
      </li>
      <li>
        <div id="thumbnail-bar" class="thumbnail"></div>
      </li>
      <li>
        <div id="thumbnail-line" class="thumbnail"></div>
      </li>
    </ul>
  </div>
  <div class="container">
    <div class="left-column">
      <ul class="properties">
        <li>
          <h2>Data Value</h2>
          
          <div class="property">
            <label>
              <input name='dv' id='show' type='radio' value='1' checked="true" /> Show</label>
            <label>
              <br>
              <input name='dv' id='hide' type='radio' value='0' /> Hide
            </label>
          </div>
        </li>
        <li>
          <br>
          <h2>Animation</h2>
          
          <div class="property">
            <label>
              <input name='anim' id='show' type='radio' value='1' /> On </label>
            <label>
              <br>
              <input name='anim' id='hide' type='radio' value='0' /> Off
            </label>
          </div>
        </li>
        <li>
          <br>
          <h2>Theme Manager</h2>
        
          <div class="property">
            <label>
              <input name='dh' id='c-theme' type='radio' value='carbontheme' /> Carbon</label>
            <label>
              <br>
              <input name='dh' id='z-theme' type='radio' value='zunetheme' /> Zune
            </label>
          </div>
        </li>
      </ul>
    </div>
    <div class="right-column">
      <div id="chart-container" class="chart-container">
      </div>
    </div>
  </div>
</div>
* {
  box-sizing: border-box;
}

.wrapper {
  width: 100%;
}

.header{
  background-color:#DCEAFC;
}

.header {
  border-bottom: 1px solid #ccc;
  &:after {
    content: "";
    display: table;
    width: 100%;
    height: 0;
  }
  .logo-wrapper,
  .thumbnails {
    float: left;
    display: flex;
    padding: 10px;
  }
  .logo-wrapper {
    width: 25%;
    border-right: 1px solid #ccc;
     height: 110px;
  }
  .thumbnails {
    width: 75%;
  }
}

.thumbnails {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
  &:after {
    content: "";
    display: table;
    width: 100%;
    height: 0;
  }
  li {
    float: left;
    padding: 0 5px;
  }
}

.container {
  &:after {
    content: "";
    display: table;
    width: 100%;
    height: 0;
  }
  .left-column,
  .right-column {
    float: left;
    display: flex;
    padding: 10px;
  }
  .left-column {
    width: 25%;
    border-right: 1px solid #ccc;
     height: 370px;
     background-color:#DCEAFC;
  }
  .right-column {
    width: 75%;
    background-color:#DCEAFC;
  }
}
h2 {
  font-weight:bold;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: local('Roboto Web SemiBold'), local('RobotoWeb-SemiBold'), url(https://fonts.gstatic.com/s/titilliumweb/v5/anMUvcNT0H1YN4FII8wpr6d1JQt-lS5nD-1TJX2NNl0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}