<template>
    <div t-name="GraphView" id="element-chart" class="oe_semantic_html_override editor-render" style="position:relative; width: 300px;">
        <a href="#" class="oe_e dropdown-menu-icon" data-toggle="dropdown" title="Graph Options">&amp;iacute;</a>
        <div class="graph_header_legend">
        </div>
        <div class="graph-dropdown">
            <h3 class="menu-section">
                Graph Mode
            </h3>
            <ul class="graph-menu oe_graph_options">
                <li><a href="#" data-mode="pie">Pie</a></li>
                <li><a href="#" data-mode="bar" data-legend="top" data-stacked="true">Bars</a>
                </li>
                <li><a href="#" data-mode="line">Lines</a></li>
                <li><a href="#" data-mode="area" data-legend="top" data-stacked="true">Areas</a>
                </li>
                <li><a href="#" data-mode="radar" data-legend="inside"
                        data-orientation="0">Radar</a></li>
            </ul>
            <h3 class="menu-section">
                Legend
            </h3>
            <ul class="graph-menu oe_graph_options">
                <li><a href="#" data-legend="no">Hidden</a></li>
                <li><a href="#" data-legend="inside">Inside</a></li>
                <li><a href="#" data-legend="top">Top</a></li>
            </ul>
            <h3 class="menu-section">
                Actions
            </h3>
            <ul class="graph-menu">
                <li><a href="#" id="graph_switch">Switch Axis</a></li>
                <li><a href="#" id="graph_show_data">Show Data</a></li>
                <li><a href="#" id="graph_download">Download as PNG</a></li>
            </ul>
        </div>
        <div id="editor-render-body">
        </div>
    </div>

</template>
