<script src="${base.contextPath}/resources/hls/beyondChart/assets/js/charts/easypiechart/jquery.easypiechart.js"></script>
<script src="${base.contextPath}/resources/hls/beyondChart/assets/js/charts/chartjs/Chart.js"></script>

<div class="hls-solid-pie-chart ${class!}" style="position: relative; ${style!}" >
    <strong class="global-font-size13">${title}</strong>
        <canvas id="${id!}" style="height:160px;width:160px;margin-left:50px;"></canvas>
    <div id="show_solid${id!}" class="foot-info global-font-size14" style="margin-top:10px;bottom:10px;position: relative;">
    </div>
</div>
<script>
    ${hlsDataSource}
    .fetch(function (datas) {
        var config = ${config};
        config.hlsDataSource = datas;
        config.contextPath = "${base.contextPath!}";
        config.color = "${color!'#2EC3E8'}";
        config.clickFunc = "${clickFunc!}";
        config.descStyle = "${descStyle!}";
        config.triggerEvent = "${triggerEvent!'click'}";
        ${id}= new HlsSolidPieChart();
        ${id}._init(config);
    });
</script>