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

debugcn 发表于 Dev

灰

我在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个项目都显示在LineChart中。

当我添加两个系列，每个系列包含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 } });

然后两个系列都正确显示

所以这个问题只会在有