我正在使用asp.net图表控件触发JS window.open命令,但没有弹出窗口。
以下是一个.aspx页面的代码,用于构建一个金字塔。
<div>
<asp:Chart ID="Chart1" runat="server" Height="416px" ImageType="Jpeg"
Width="525px" IsMapAreaAttributesEncoded="True" Palette="None"
PaletteCustomColors="Navy; DarkBlue; DarkBlue; DarkBlue; DarkBlue; DarkBlue; DarkBlue"
TextAntiAliasingQuality="SystemDefault" ImageStorageMode="UseImageLocation">
<Series>
<asp:Series BackGradientStyle="DiagonalRight" BackSecondaryColor="Black"
BorderColor="Black" ChartType="Pyramid" Color="Transparent"
CustomProperties="Pyramid3DRotationAngle=8, PyramidMinPointHeight=60, PyramidPointGap=3, PyramidLabelStyle=Inside"
Font="Verdana, 8pt, style=Bold" IsValueShownAsLabel="True" Name="Series1"
ShadowColor="Black" LabelForeColor="White" Palette="Grayscale">
<Points>
<asp:DataPoint CustomProperties="PyramidInsideLabelAlignment=Top"
Label=" xxxxxx Column-1"
ToolTip="1111" YValues="40"/>
<asp:DataPoint CustomProperties="PyramidInsideLabelAlignment=Top"
Label="xxxxxx Column-2" MapAreaAttributes="" ToolTip="2222"
YValues="40" />
<asp:DataPoint CustomProperties="PyramidInsideLabelAlignment=Top"
Label="xxxxxx Column-3" MapAreaAttributes="" ToolTip="" Url=""
YValues="40" />
<asp:DataPoint CustomProperties="PyramidInsideLabelAlignment=Top"
Label=" xxxxxx Col4" MapAreaAttributes="" ToolTip="" Url=""
YValues="40" />
<asp:DataPoint
Label=" xxxxxx Col5" MapAreaAttributes="" ToolTip="" Url=""
YValues="40" />
<asp:DataPoint Label=" xxxxxx Col6" MapAreaAttributes="onClick='javascript:OpenPage();'" ToolTip="" Url=""
YValues="40" />
<asp:DataPoint CustomProperties="PyramidInsideLabelAlignment=Bottom"
Label="xx Col7" MapAreaAttributes="" ToolTip="" Url="" YValues="40" />
</Points>
</asp:Series>
</Series>
<ChartAreas>
<asp:ChartArea Name="ChartArea1">
<Area3DStyle Enable3D="True" IsRightAngleAxes="False" Perspective="30"
Inclination="45" PointGapDepth="1000" Rotation="60" />
</asp:ChartArea>
</ChartAreas>
</asp:Chart>
</div>
以下是后台代码;
protected void Page_Load(object sender, EventArgs e)
{
string statusClicked = string.Empty;
Series series = new Series("MySeries");
series.ChartType = SeriesChartType.Pyramid;
series.BorderWidth = 3;
DataTable dt = new DataTable();
dt.Columns.Add("Column-1", typeof(int));
dt.Columns.Add("Column-2", typeof(int));
dt.Columns.Add("Column-3.", typeof(int));
dt.Columns.Add("Column-4", typeof(int));
dt.Columns.Add("Column-5", typeof(int));
dt.Columns.Add("Column-6", typeof(int));
dt.Columns.Add("Column-7", typeof(int));
dt.Rows.Add(1400, 2240, 7660, 3410, 15, 4, 9);
int colCount = dt.Columns.Count;
List<string> xaxis = new List<string>();
List<double> yaxis = new List<double>();
Chart1.Series[0].Points[0].MapAreaAttributes = "onclick=\"javascript:window.open('http://www.google.com');\"";
}
理想情况下,点击图表中的任何系列时,应该打开谷歌链接,并将状态分配为从代码中获得的状态。但是,该代码从未起作用。
它打开的URL类似于;
http://localhost:1450/javascript%3avar+win%3dwindow.open('http%3a%2f%2fwww.google.com%3fstatus%3dTestStatus')%3b
如您所见,状态为“测试状态”,因此应打开的链接是http://www.google.com/?status=TestStatus
注意:labelURL属性仅接受URL。