designer

designer.html

<link rel="import" href="../at-carbon-container/at-carbon-container.html">
<link rel="import" href="../at-chart-core/c3-import.html">
<link rel="import" href="../at-chart-core/at-chart-core.html">

<polymer-element name="my-element">

  <template>
    <style>    
      :host {
        position: relative;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
      }
      #at_carbon_container1 {
        width: 33%;
      }
      #at_carbon_container2 {
        width: 66%;
      }
    </style>
    <at-carbon-container layout id="at_carbon_container" horizontal>
      <at-carbon-container id="at_carbon_container1" one>
        <at-chart-core charttype="pie" legendposition="bottom" tooltip="default" id="at_chart_core">{
    "data": {
        "columns": [
            ["data1", 100, 200, 150, 300, 200],
            ["data2", 400, 500, 250, 700, 300]
        ]
    }
}</at-chart-core>
      </at-carbon-container>
      <at-carbon-container id="at_carbon_container2" two>
        <at-chart-core charttype="area-spline" legendposition="inset" tooltip="default" id="at_chart_core1">{
    "data": {
        "columns": [
            ["data1", 100, 200, 150, 300, 200],
            ["data2", 400, 500, 250, 700, 300]
        ]
    }
}</at-chart-core>
      </at-carbon-container>
    </at-carbon-container>

  </template>

  <script>

    Polymer({
      
    });

  </script>

</polymer-element>