<div id="{{ chart.html_id }}" style="width: {{ chart.width }}px; height: {{ chart.height }}px;"></div>
<script>
// Create a new YUI instance and populate it with the required modules.
YUI().use('charts', function (Y) {
    var datasets = {{ chart.get_data_json|safe }};

    {% block yui_chart_type %}
        // Instantiate and render the chart
        var mychart = new Y.Chart({
            dataProvider: datasets,
            render: "#{{ chart.html_id }}",
            type: "line",
            categoryKey:"{{ chart.get_category_key }}"
        });
    {% endblock %}


});

</script>
<div id="{{ chart.get_html_id }}" style="width: {{ chart.width }}px; height: {{ chart.height }}px;"></div>
<script>
// Create a new YUI instance and populate it with the required modules.
YUI().use('charts', function (Y) {
    var datasets = {{ chart.get_data_json|safe }};

    {% block yui_chart_type %}
        // Instantiate and render the chart
        var mychart = new Y.Chart({
            dataProvider: datasets,
            render: "#{{ chart.get_html_id }}",
            type: "line",
            categoryKey:"{{ chart.get_category_key }}"
        });
    {% endblock %}
});
</script>

Use get_html_id in place of html_id for yui. Should use get_html_id because it provides a hook point, also in gchart we use get_html_id, so keep it consistent
Use get_html_id in place of html_id for yui. Should use get_html_id because it provides a hook point, also in gchart we use get_html_id, so keep it consistent
