0

asp.net グラフのツール ヒントの値を表示するカスタマイズされたツール ヒントを作成しましたが、何らかの理由で、日時の #VALX(x 軸の値) が間違って Java スクリプト関数に送信されています。

ここに私のaspxコードがあります

<head id="Head1" runat="server">
    <title></title>
    <script type="text/javascript">
        function showTooltip(value1, value2, ex) {
            var tooltip = document.getElementById("myToolTip");
            tooltip.style.visibility = "visible";
            var posx = 0;
            var posy = 0;
            if (!e) var e = (window.event) ? event : ex;
            if (e.pageX || e.pageY) {
                posx = e.pageX;
                posy = e.pageY;
                tooltip.style.left = posx + "px";
                tooltip.style.top = (posy - 100) + "px";
            }
            else if (e.clientX || e.clientY) {
                if (e.cancelBubble != null) e.cancelBubble = true;
                //for IE8 and earlier versions event bubbling occurs...
                posx = e.clientX + document.body.scrollLeft
                       + document.documentElement.scrollLeft;
                posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
                tooltip.style.left = posx + "px";
                tooltip.style.top = (posy - 100) + "px";
            }
           // document.getElementById("<%=lbl.ClientID%>").innerHTML =
          //"X and Y Values : " + "(" + value1 + "," + value2 + ")";
            document.getElementById("<%=lbl.ClientID%>").innerHTML = "day : " + value1 + " <br> impressions: " + value2 + "";
        }


    function hide() {
        var tooltip = document.getElementById("myToolTip");
        tooltip.style.visibility = "hidden";
    }
</script> 
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:DropDownList ID="MyDropDown" runat="server" AutoPostBack="true" OnSelectedIndexChanged="MyDropDown_SelectedIndexChanged"></asp:DropDownList>
    <asp:Chart runat="server" ID="MyChart" EnableViewState="true">
                        <ChartAreas>
                            <asp:ChartArea Name="ChartArea1"></asp:ChartArea>
                        </ChartAreas>
                    </asp:Chart>
    </div>
        <div id="myToolTip" style="position: absolute; visibility: hidden; width:200px; height:100px; margin: 18px 0;
            padding: 18px 20px;
            background-color: white; /* easy rounded corners for modern browsers */
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px;
            border: 1px solid #c5d9e8;
            padding: 17px 19px;">
<div style="position:absolute;">
 <b><asp:Label ID="lbl" runat="server" Font-Size="XX-Small"></asp:Label></b>
</div>
</div>
    </form>
</body>
</html>

そして、これは私のコードビハインド

    //Add the series to the chart
    MyChart.Series.Add(new Series(Seriesname));
    //Define the chart type
    MyChart.Series[Seriesname].ChartType = SeriesChartType.Line;
    //MyChart.Titles.Add("Trends shown for time interval of " + SelectedDate);

    //Plot the points on the graph
    MyChart.Series[Seriesname].XValueType = ChartValueType.DateTime;
    for (int i = 0; i < table.Rows.Count; i++)
    {
        MyChart.Series[Seriesname].Points.AddXY(Convert.ToDateTime(table.Rows[i].ItemArray[0]), Convert.ToInt32(table.Rows[i].ItemArray[1]));
    }

    //adding legends a nd legend style to the chart
    MyChart.Legends.Add(new Legend(Seriesname));
    MyChart.Legends[Seriesname].LegendStyle = LegendStyle.Table;
    MyChart.Legends[Seriesname].TableStyle = LegendTableStyle.Wide;
    MyChart.Legends[Seriesname].Docking = Docking.Bottom;
    MyChart.Legends[Seriesname].IsDockedInsideChartArea = false;

    //Enable view state so that chart is rendered correctly even on the postback
    MyChart.ViewStateContent = SerializationContents.Default;
    MyChart.EnableViewState = true;

    //Adding series attributes to teh charts
    MyChart.Series[Seriesname].BorderWidth = 2;
    MyChart.Legends[Seriesname].Font = new System.Drawing.Font("Arial", 10);
    //MyChart.Series[Seriesname].ToolTip = "Q:#SERIESNAME\nDay:#VALX\nImpressions:#VALY";
    for (int i = 0; i < MyChart.Series[Seriesname].Points.Count; i++)
    {
        MyChart.Series[Seriesname].Points[i].MapAreaAttributes = "onmouseover=\"showTooltip(#VALX,#VALY,event);\"";
    }
    //MyChart.Series[Seriesname].Points[1].MapAreaAttributes = "onmouseover=\"showTooltip(#VALX,#VALY,event);\"";
    MyChart.Attributes.Add("onmouseover", "return hide()");
    MyChart.Width = 1500;
    MyChart.Height = 450;

ツール ヒントは正常に機能しますが、DateTime 型の X 値は、日付を表示する代わりに、10 進数値 (0.0006786458868) を表示しています。

以下のように直接ツールチップを使用すると

MyChart.Series[Seriesname].ToolTip = "Q:#SERIESNAME\nDay:#VALX\nImpressions:#VALY";

表示されている値は正しいです。ツールチップの x 値が正しいことを意味します。

私がここで間違っていることは何ですか?

4

1 に答える 1

3

フォローしてみてください。

MyChart.Series[Seriesname].Points[i].MapAreaAttributes = "onmouseover=\"showTooltip('#VALX',#VALY,event);\"";
于 2013-10-16T05:30:00.123 に答える