在图表控件中添加一个按钮

时间:2012-08-10 15:51:03

标签: c# asp.net

我想要一个放在图表中的按钮,将图形导出到excel文件。 我搞乱了MapAreas,但我无法弄清楚如何将地图区域设置为图像或控件。有没有不同的方法来完成此功能?按钮需要以某种方式附加到图表上。

1 个答案:

答案 0 :(得分:0)

您需要了解ASP.NET图表控件只是一个图像,当您创建MapAreas时,您基本上会在此图像上指定可点击的点,因此(据我所知),MapArea不能有自定义背景图像或自定义控件。

而是使用自定义图例:

<强>来源:

    <asp:Chart ID="Chart1" runat="server" OnClick="Chart1_Click1">
        <Series>
            <asp:Series YValuesPerPoint="2" IsVisibleInLegend="false" Name="Series1" ChartType="Column">
                <Points>
                    <asp:DataPoint AxisLabel="Product 1" YValues="100" />
                    <asp:DataPoint AxisLabel="Product 2" YValues="300" />
                </Points>
            </asp:Series>
        </Series>
        <ChartAreas>
            <asp:ChartArea Name="ChartArea1">
            </asp:ChartArea>
        </ChartAreas>
        <Legends>
            <asp:Legend Title="Export options:">
                <CustomItems>
                    <asp:LegendItem
                    Name="Export To Excel" 
                    PostBackValue="Export From Legend"  
                    Color="Green">
                    </asp:LegendItem>
                </CustomItems>
            </asp:Legend>
        </Legends>
    </asp:Chart>

代码背后:

protected void Chart1_Click1(object sender, ImageMapEventArgs e)
{
    if (e.PostBackValue == "Export From Legend")
    {
       //Handle the exporting to Excel
    }
}

最终结果:

enter image description here