<template>
<div>
  <table>
    <td>
      <div>Series count: </div>
    </td>
    <td>
      <select value.bind="changedValue" change.trigger="onChange(changedValue)">
        <option value="6">6</option>
        <option value="4">4</option>
        <option value="2">2</option>
    </select>
    </td>
  </table>
</div>
        <div>
          <ej-chart id="chart-container" e-common-series-options.bind="commonSeries"
          e-primary-y-axis.bind="primaryYAxis" e-primary-x-axis.bind="primaryXAxis"
          e-title.bind='title' e-legend.bind="legend">
       <template repeat.for="level of EfficiencyList">
        <ej-series e-data-source.bind="level.level" e-x-name="Year" e-y-name="yName" e-type="column" e-marker.bind="marker">
        </ej-series>
     </template>
    </ej-chart>
        </div>
</template>