Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
130
StackSplineAreaChart displays wrong Tooltip
posted

Hi,

I have created a webpage to display the UltraChart whose ChartType is "StackSplineAreaChart". When I assign a datasource to a chart it displays the correct result but When I hover my mouse on particular point to see the Data_Value it shows the wrong count.

Here is my aspx page

 

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Temp.aspx.vb" Inherits="Temp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <igchart:UltraChart ID="ucStackedSplineAreaChartForMonth" runat="server" EnableCrossHair="False"
            BackColor="White" EmptyChartText="Data Not Available. " ChartType="StackSplineAreaChart"
            Version="6.3" Width="470px" Height="280px" Border-Thickness="0">
           
            <TitleLeft Location="Left" Extent="33" Visible="True" Text="" HorizontalAlign="Center">
            </TitleLeft>
            <TitleTop Text="" HorizontalAlign="Center">
            </TitleTop>
            <ColorModel ModelStyle="CustomLinear" AlphaLevel="150">
            </ColorModel>
            <Effects>
                <Effects>
                    <igchartprop:GradientEffect Style="forwarddiagonal">
                    </igchartprop:GradientEffect>
                </Effects>
            </Effects>
            <Axis>
                <X2 Visible="false" LineThickness="1" TickmarkStyle="Smart" TickmarkInterval="0">
                    <Labels ItemFormatString="&lt;ITEM_LABEL&gt;" VerticalAlign="Center" Visible="False"
                        HorizontalAlign="Far" Font="Verdana, 7pt" FontColor="Gray" Orientation="VerticalLeftFacing">
                        <SeriesLabels VerticalAlign="Center" HorizontalAlign="Center" Font="Verdana, 7pt"
                            FontColor="Gray" Orientation="VerticalLeftFacing">
                            <Layout Behavior="Auto">
                            </Layout>
                        </SeriesLabels>
                        <Layout Behavior="Auto">
                        </Layout>
                    </Labels>
                    <MajorGridLines AlphaLevel="255" DrawStyle="Dot" Color="Gainsboro" Visible="True"
                        Thickness="1"></MajorGridLines>
                    <MinorGridLines AlphaLevel="255" DrawStyle="Dot" Color="LightGray" Visible="False"
                        Thickness="1"></MinorGridLines>
                </X2>
                <Z Visible="False" LineThickness="1" TickmarkStyle="Smart" TickmarkInterval="0">
                    <Labels ItemFormatString="" VerticalAlign="Center" Visible="False" HorizontalAlign="Near"
                        Font="Verdana, 7pt" FontColor="DimGray" Orientation="Horizontal">
                        <SeriesLabels VerticalAlign="Center" HorizontalAlign="Near" Font="Verdana, 7pt" FontColor="DimGray"
                            Orientation="Horizontal">
                            <Layout Behavior="Auto">
                            </Layout>
                        </SeriesLabels>
                        <Layout Behavior="Auto">
                        </Layout>
                    </Labels>
                    <MajorGridLines AlphaLevel="255" DrawStyle="Dot" Color="Gainsboro" Visible="True"
                        Thickness="1"></MajorGridLines>
                    <MinorGridLines AlphaLevel="255" DrawStyle="Dot" Color="LightGray" Visible="False"
                        Thickness="1"></MinorGridLines>
                </Z>
                <Z2 Visible="False" LineThickness="1" TickmarkStyle="Smart" TickmarkInterval="0">
                    <Labels ItemFormatString="" VerticalAlign="Center" Visible="False" HorizontalAlign="Near"
                        Font="Verdana, 7pt" FontColor="Gray" Orientation="Horizontal">
                        <SeriesLabels VerticalAlign="Center" HorizontalAlign="Near" Font="Verdana, 7pt" FontColor="Gray"
                            Orientation="Horizontal">
                            <Layout Behavior="Auto">
                            </Layout>
                        </SeriesLabels>
                        <Layout Behavior="Auto">
                        </Layout>
                    </Labels>
                    <MajorGridLines AlphaLevel="255" DrawStyle="Dot" Color="Gainsboro" Visible="True"
                        Thickness="1"></MajorGridLines>
                    <MinorGridLines AlphaLevel="255" DrawStyle="Dot" Color="LightGray" Visible="False"
                        Thickness="1"></MinorGridLines>
                </Z2>
                <X LineThickness="1" Extent="130" TickmarkStyle="Smart" TickmarkInterval="0">
                    <Labels ItemFormatString="&lt;ITEM_LABEL&gt;" VerticalAlign="Center" HorizontalAlign="Near"
                        Font="Verdana, 7pt" FontColor="DimGray" Orientation="VerticalLeftFacing">
                        <SeriesLabels VerticalAlign="Center" HorizontalAlign="Center" Font="Verdana, 7pt"
                            FontColor="DimGray" Orientation="VerticalRightFacing" Visible="true">
                            <Layout Behavior="Auto">
                            </Layout>
                        </SeriesLabels>
                        <Layout Behavior="Auto">
                        </Layout>
                    </Labels>
                    <MajorGridLines AlphaLevel="255" DrawStyle="Dot" Color="Gainsboro" Visible="True"
                        Thickness="1"></MajorGridLines>
                    <MinorGridLines AlphaLevel="255" DrawStyle="Dot" Color="LightGray" Visible="False"
                        Thickness="1"></MinorGridLines>
                </X>
                <Y Visible="True" TickmarkInterval="20" LineThickness="1" Extent="25" TickmarkStyle="Smart">
                    <Labels ItemFormatString="&lt;DATA_VALUE:00.##&gt;" VerticalAlign="Center" HorizontalAlign="Far"
                        Font="Verdana, 7pt" FontColor="DimGray" Orientation="Horizontal">
                        <SeriesLabels VerticalAlign="Center" HorizontalAlign="Far" Font="Verdana, 7pt" FontColor="DimGray"
                            Orientation="VerticalLeftFacing" FormatString="">
                        </SeriesLabels>
                        <Layout Behavior="UseCollection">
                        </Layout>
                    </Labels>
                    <MajorGridLines AlphaLevel="255" DrawStyle="Dot" Color="Gainsboro" Visible="True"
                        Thickness="1"></MajorGridLines>
                    <MinorGridLines AlphaLevel="255" DrawStyle="Dot" Color="LightGray" Visible="False"
                        Thickness="1"></MinorGridLines>
                </Y>
                <Y2 Visible="False" TickmarkInterval="5" LineThickness="1" TickmarkStyle="Smart">
                    <Labels ItemFormatString="&lt;DATA_VALUE:00.##&gt;" VerticalAlign="Center" Visible="False"
                        HorizontalAlign="Near" Font="Verdana, 7pt" FontColor="Gray" Orientation="Horizontal">
                        <SeriesLabels VerticalAlign="Center" HorizontalAlign="Near" Font="Verdana, 7pt" FontColor="Gray"
                            Orientation="VerticalLeftFacing" FormatString="">
                            <Layout Behavior="Auto">
                            </Layout>
                        </SeriesLabels>
                        <Layout Behavior="Auto">
                        </Layout>
                    </Labels>
                    <MajorGridLines AlphaLevel="255" DrawStyle="Dot" Color="Gainsboro" Visible="True"
                        Thickness="1"></MajorGridLines>
                    <MinorGridLines AlphaLevel="255" DrawStyle="Dot" Color="LightGray" Visible="False"
                        Thickness="1"></MinorGridLines>
                </Y2>
                <PE ElementType="None" Fill="Cornsilk"></PE>
            </Axis>
            <DeploymentScenario ImageURL="ChartImages/Chart_E_#SEQNUM(100).png" />
            <TitleRight Location="Right" Extent="0" Visible="True">
            </TitleRight>
            <Legend Visible="True" Location="Right" SpanPercentage="40"></Legend>
        </igchart:UltraChart>
    </div>
    </form>
</body>
</html>

 

Here is my aspx.vb code

 


Partial Class Temp
    Inherits System.Web.UI.Page

    Protected Sub Page_Load(sender As Object, e As System.EventArgs) Handles Me.Load
        Try
            Dim dt As New DataTable
            Dim dc As New DataColumn
            Dim dr As DataRow
            dc = New DataColumn
            dc.ColumnName = "Stock Name"
            dc.DataType = Type.GetType("System.String")
            dt.Columns.Add(dc)
            dc = New DataColumn
            dc.ColumnName = "Monday"
            dc.DataType = Type.GetType("System.Int32")
            dt.Columns.Add(dc)
            dc = New DataColumn
            dc.ColumnName = "Tuesday"
            dc.DataType = Type.GetType("System.String")
            dt.Columns.Add(dc)
            dc = New DataColumn
            dc.ColumnName = "Wednesday"
            dc.DataType = Type.GetType("System.String")
            dt.Columns.Add(dc)

            dr = dt.NewRow()
            dr("Stock Name") = "IBM"
            dr("Monday") = 111
            dr("Tuesday") = 96
            dr("Wednesday") = 85
            dt.Rows.Add(dr)

            dr = dt.NewRow()
            dr("Stock Name") = "MSN"
            dr("Monday") = 111
            dr("Tuesday") = 23
            dr("Wednesday") = 15
            dt.Rows.Add(dr)

            dr = dt.NewRow()
            dr("Stock Name") = "MCI"
            dr("Monday") = 55
            dr("Tuesday") = 63
            dr("Wednesday") = 84
            dt.Rows.Add(dr)

            ucStackedSplineAreaChartForMonth.DataSource = dt
            ucStackedSplineAreaChartForMonth.DataBind()



        Catch ex As Exception

        End Try
    End Sub
End Class

 

When I run the webpage and see the tooptip data of "Monday" for "IBM","MSN" and "MCI" it displays the data 111,222 and 277 respectively. Instead of that It should display 111,111 and 53.

As per my thought a StackSplineAreaChart  display is adding the values and display the data.

Please let me know If I am doing anything wrong? Please reply me ASAP.

Thanks,