<script src="${base.contextPath}/resources/hls/beyondChart/assets/js/charts/morris/raphael-2.0.2.min.js"></script>
<script src="${base.contextPath}/resources/hls/beyondChart/assets/js/charts/morris/morris.js"></script>
<script src="${base.contextPath}/resources/hls/beyondChart/assets/js/charts/morris/morris-init.js"></script>
<div <#if style??> style="${style!}" </#if>  id="${id}"
                   class="hls-block-x3 hls-block-y4 hls-float-left hls-block-bg hls-bar-chart ${class!}">

<#if HIDTITLE??><#else>
    <div class="chart-title" style="background:${titleBgColor!}">
        <div class="title-left">
            <img src="${base.contextPath}/resources/images/BP/line.png" alt="png"/>
        </div>
        <div class="title-left">
            <span class="title_style" <#if titleStyle??> style="${titleStyle!}"</#if>>${title!}</span>
        </div>
        <div class="title-right" id="EVENT_${id}">
            <img name="add" class=" icon-able-click" src="${base.contextPath}/resources/images/BP/homeAdd.png"
                 alt="png"/>
            <img name="modify" class="icon-able-click"
                 src="${base.contextPath}/resources/images/CSH/whiteQuery.png" alt="png"/>
        </div>
    </div>
</#if>
    <div id="BAR_${id!}" <#if chartStyle ?? >style="${chartStyle}"</#if>  class="hls-bar-chart-body" >
    </div>
</div>
<script>
    (function (hlsDataSource){
        if(!hlsDataSource){
            Hls.showErrorMessage("数据源未定义");
        }
        var config = ${config};
        config.hlsDataSource = hlsDataSource;
        config.showType = "${showType!'bar'}";
        ${id} = new HlsBarChart();
        ${id}._init(config);
    })("${hlsDataSource!}");
</script>
