<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/AppMaster.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	标准饼图
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <!--图表配置-->
    <%=QMAPP.Common.Web.AppConfig.QMEChartPageConfig()%>
        <%--异步获取数据生成图表--%>
        <%=QMFrameWork.WebUI.QMEChart.QMEChartHelper.CreateEchart("echartID", "/EChartExample/GetEchartDataPie1"
                    , new string[] { "pie", "funnel" }, "myEChart",350, QMFrameWork.WebUI.QMEChart.QMEChartHelper.echartEventEnum.click, "clickPie1Function")%>

        <%--皮肤切换下拉列表--%>
        <%=QMFrameWork.WebUI.QMEChart.QMEChartHelper.CreateStyleSelector("themeselectpie1", "myEChart")%>
        <%--刷新按钮--%>
        <%=QMFrameWork.WebUI.QMEChart.QMEChartHelper.CreateRefresh("refreshEChartpie1", "myEChart")%>    

        <script type="text/javascript">
            function refreshEChartpie1() {
                var ps = [];
                var param = {};
                param.key = "name";
                param.value = "aaa";
                ps.push(param);
                GetEchartData("/EChartExample/GetEchartDataPie1", myEChart, ps);
                //添加CLICK事件绑定
                myEChart.on('click', function (param) { clickPie1Function(param); })

            }
            //点击事件
            function clickPie1Function(clickData) {
                var ps = [];
                var param = {};
                param.key = "name";
                param.value = "aaa";
                ps.push(param);
                GetEchartData("/EChartExample/GetEchartSubDataPie1?id=" + clickData.data.name, myEChart, ps);
                //解除CLICK事件绑定
                myEChart.un('click');
            }
        </script>   
        
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ToolContent" runat="server">

</asp:Content>