AjaxControlToolkit LineChart 不适用于 IE11 或 Edge 中的 3 个值

AjaxControlToolkit LineChart doesn't work with 3 values in IE11 or Edge

我在 ASP.NET WebForms 应用程序中使用 AjaxControlToolkit,我有一个包含 3 个值的折线图。 我注意到如果一条线有 3 个 X 轴值并且只有一个线系列,那么在 IE 中它不会绘制最后一项,而是将其显示在网格下方。 这仅适用于 IE11 或 Edge。在 Chrome 中它显示正确。

我使用的是 2015 年 8 月发布的最新版 AjaxControlToolkit 15.1.3。

代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="LineChart.aspx.cs" Inherits="LineChart2.LineChart" %>
<!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server">
    <title></title>
</head>
<body>        
    <form id="form1" runat="server">  
    <asp:ScriptManager ID="ScriptManager1" runat="server"/>
    <div>

        <ajaxToolkit:LineChart ID="LineChart1" runat="server"
            ChartType="Basic" Visible="false">
        </ajaxToolkit:LineChart>
    </div>
</form>

代码隐藏:

using System;

namespace LineChart2
{
    public partial class LineChart : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

            LineChart1.ChartTitle = "Test";
            LineChart1.CategoriesAxis = "X1, X2, X3";
            LineChart1.Series.Add(new AjaxControlToolkit.LineChartSeries { Name = "Test", Data = new decimal[] { 12, 34, 67 } });
            LineChart1.Visible = true;
        }
    }
}

上面可以清楚地看到问题

如果我将这两行更改为显示 4 个项目

    LineChart1.CategoriesAxis = "X1, X2, X3, X4";
    LineChart1.Series.Add(new AjaxControlToolkit.LineChartSeries { Name = "Test", Data = new decimal[] { 12, 34, 67, 87 } });

然后所有 4 个项目都显示在折线图中。

当我添加两个系列,每个系列 3 个项目而不是一个时:

LineChart1.Series.Add(new AjaxControlToolkit.LineChartSeries { Name = "Test", Data = new decimal[] { 6, 6, 6 } });
 LineChart1.Series.Add(new AjaxControlToolkit.LineChartSeries { Name = "Test", Data = new decimal[] { 7, 7, 7 } });

然后两个系列都正确显示

所以这个问题只有在

我的问题:如何修复我的代码以在 IE11 中处理一系列的 3 个项目?

我将其作为问题发布在 AjaxControlToolkit 论坛上,他们已确认并修复它,将在下一个版本中发布。

Issue Log Item