<%@ 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/GetEchartDataLine1", new string[] { "line", "bar" }
            , "myEChart",300, QMFrameWork.WebUI.QMEChart.QMEChartHelper.echartEventEnum.click, "clickLine1Function")%>

        <%--皮肤切换下拉列表--%>
        <%=QMFrameWork.WebUI.QMEChart.QMEChartHelper.CreateStyleSelector("themeselectline1", "myEChart")%>
        <%--刷新按钮--%>
        <%=QMFrameWork.WebUI.QMEChart.QMEChartHelper.CreateRefresh("refreshEChartline1", "myEChart")%>    
        <%-- 自定义刷新方法 --%>
        <script type="text/javascript">
            function refreshEChartline1() {
                var ps = [];
                var param = {};
                param.key = "name";
                param.value = "aaa";
                ps.push(param);
                GetEchartData("/EChartExample/GetEchartDataLine1", myEChart, ps);
            }
            //点击事件
            function clickLine1Function(clickData) {
                alert("点击的数据序列化后字符串：" + JSON.stringify(clickData));
            }

            //导出
            function Export() {
                var img = myEChart.getDataURL("png");
                $("#hiChartImg").val(img);
                submitByButton("ExportLine1");
            }
        </script>
    <input id="Button1" type="button" onclick="Export();" value="导出" />
    <input id="hiChartImg" name="hiChartImg" type="hidden" />
</asp:Content>

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

</asp:Content>