Question

我在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 } });

然后两个系列都正确显示

所以只有在有

时才会出现问题

1系列
该系列只有3个项目。值可以是任何
在IE11和Edge浏览器中发生

我的问题：如何修复我的代码以使用IE11中的一系列3个项目？

Answer 1

我在AjaxControlToolkit论坛上发布了这个问题，他们已经承认并修复了它将在下一个版本中发布。

Issue Log Item

AjaxControlToolkit LineChart不能与IE11或Edge中的3个值一起使用

1 个答案: