You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
2.0 KiB
48 lines
2.0 KiB
<%@ 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>
|
|
|