Welcome Guest Search | Active Topics |

text is not displaying on bars in IE8
Options
Previous Topic Next Topic
cmarr
#1 Posted : Saturday, October 19, 2013 11:26:36 AM(UTC)
Rank: Newbie

Groups: Registered, WebFormsChart
Joined: 10/19/2013(UTC)
Posts: 6

Thanks: 3 times
Was thanked: 0 time(s) in 0 post(s)
I believe the text is actually hidden by the bars in my stacked bar series chart because I can see half of the text for the top data point. Any insight on how to correct this so the text is displaying on top of the bars?
Back to top
Ivan
#2 Posted : Monday, October 21, 2013 8:52:21 AM(UTC)
Rank: Administration

Groups: Administrators, Moderator, Registered
Joined: 11/5/2012(UTC)
Posts: 131

Thanks: 0 times
Was thanked: 15 time(s) in 15 post(s)
Is it possible to send us your example or a screenshot, so we can check your issue?
Best,
Ivan Petrov
jqChart Inc.
Back to top
cmarr
#3 Posted : Tuesday, October 22, 2013 9:29:29 AM(UTC)
Rank: Newbie

Groups: Registered, WebFormsChart
Joined: 10/19/2013(UTC)
Posts: 6

Thanks: 3 times
Was thanked: 0 time(s) in 0 post(s)
Here is a screen shot and code where I am seeing this. The screen shot was produced by viewing the code on my XP VM with IE8.

Thanks

[img]https://docs.google.com/file/d/0B2cytbVpd1K-X1hsUWpxVTdWSk0/edit?usp=sharing[/img]

Code:

    <link rel="stylesheet" type="text/css" href="<% = ResolveUrl("~/css/jquery.jqChart.css") %>" />
    <link rel="stylesheet" type="text/css" href="<% = ResolveUrl("~/css/jquery.jqRangeSlider.css") %>" />
    <link rel="stylesheet" type="text/css" href="<% = ResolveUrl("~/css/jquery-ui-1.8.21.css") %>" />
    <script src="<% = ResolveUrl("~/js/jquery.jqRangeSlider.min.js") %>" type="text/javascript"></script>
    <script src="<% = ResolveUrl("~/js/jquery.jqChart.min.js") %>" type="text/javascript"></script>
    <script src="<% = ResolveUrl("~/js/jquery.mousewheel.js") %>" type="text/javascript"></script>
    <!--[if IE]><script lang="javascript" type="text/javascript" src="<% = ResolveUrl("~/js/excanvas.js") %>"></script><![endif]-->

    <form id="form1" runat="server">
    <div>
                                    <jqChart:Chart ID="priorityChart" Height="400px" runat="server">
                                        <Animation
                                            Enabled="True"
                                            Duration="00:00:01"
                                            DelayTime="00:00:01" />
                                        <Shadows Enabled="true" ShadowColor="Gray" ShadowBlur="5" ShadowOffsetX="2" ShadowOffsetY="2" />
                                        <Background FillStyleType="LinearGradient" X1="0">
                                            <ColorStops>
                                                <jqChart:ColorStop Color="#cdcdcd" />
                                                <jqChart:ColorStop Color="#FFFFFF" Offset="1" />
                                            </ColorStops>
                                        </Background>
                                        <Border CornerRadius="0" LineWidth="1" Padding="0" StrokeStyle="#9b2416" />
                                        <Axes>
                                            <jqChart:CategoryAxis
                                                Location="Bottom"
                                                ZoomEnabled="false"
                                                CategoriesField="label">
                                            </jqChart:CategoryAxis>
                                            <jqChart:LinearAxis
                                                Minimum="0"
                                                Maximum="105"
                                                Interval="10">
                                                <Labels
                                                    StringFormat="%d%%">
                                                </Labels>
                                                <MajorGridLines Visible="false">
                                                </MajorGridLines>
                                                <Title
                                                    Text="% of Total"></Title>
                                            </jqChart:LinearAxis>
                                        </Axes>
                                        <Legend Visible="false"></Legend>
                                        <Series>
                                            <jqChart:StackedColumnSeries
                                                Title="none"
                                                YValuesField="none">
                                                <FillStyle Color="#5C5C5C"></FillStyle>
                                                <Labels
                                                    Visible="true"
                                                    StringFormat="%.1f%%">
                                                    <FillStyle Color="white"></FillStyle>
                                                </Labels>
                                                <YValues>
                                                    <jqChart:DoubleValue Value="34.5" />
                                                </YValues>
                                            </jqChart:StackedColumnSeries>
                                            <jqChart:StackedColumnSeries
                                                Title="Low"
                                                YValuesField="low">
                                                <FillStyle Color="#83992A"></FillStyle>
                                                <Labels
                                                    Visible="true"
                                                    StringFormat="%.1f%%">
                                                    <FillStyle Color="white"></FillStyle>
                                                </Labels>
                                                <YValues>
                                                    <jqChart:DoubleValue Value="15.2" />
                                                </YValues>
                                            </jqChart:StackedColumnSeries>
                                            <jqChart:StackedColumnSeries
                                                Title="Moderate"
                                                YValuesField="moderate">
                                                <FillStyle Color="#44709D"></FillStyle>
                                                <Labels
                                                    Visible="true"
                                                    StringFormat="%.1f%%">
                                                    <FillStyle Color="white"></FillStyle>
                                                </Labels>
                                                <YValues>
                                                    <jqChart:DoubleValue Value="27.8" />
                                                </YValues>
                                            </jqChart:StackedColumnSeries>
                                            <jqChart:StackedColumnSeries
                                                Title="High"
                                                YValuesField="high">
                                                <FillStyle Color="#A23C33"></FillStyle>
                                                <Labels
                                                    Visible="true"
                                                    StringFormat="%.1f%%">
                                                    <FillStyle Color="white"></FillStyle>
                                                </Labels>
                                                <YValues>
                                                    <jqChart:DoubleValue Value="22.4" />
                                                </YValues>
                                            </jqChart:StackedColumnSeries>
                                            <jqChart:StackedColumnSeries
                                                Title="Priority"
                                                YValuesField="priority">
                                                <FillStyle Color="#DEB340"></FillStyle>
                                                <Labels
                                                    Visible="true"
                                                    StringFormat="%.1f%%">
                                                    <FillStyle Color="white"></FillStyle>
                                                </Labels>
                                                <YValues>
                                                    <jqChart:DoubleValue Value="0.1" />
                                                </YValues>
                                            </jqChart:StackedColumnSeries>
                                        </Series>
                                        <Title Text=" "></Title>
                                    </jqChart:Chart>
    </div>
    </form>
Back to top
Ivan
#4 Posted : Tuesday, October 22, 2013 9:49:55 AM(UTC)
Rank: Administration

Groups: Administrators, Moderator, Registered
Joined: 11/5/2012(UTC)
Posts: 131

Thanks: 0 times
Was thanked: 15 time(s) in 15 post(s)
Thank you. We're able to reproduce the issue. We'll investigate it more closely and I'll let you know about it.
Best,
Ivan Petrov
jqChart Inc.
Back to top
Ivan
#5 Posted : Monday, October 28, 2013 10:47:59 AM(UTC)
Rank: Administration

Groups: Administrators, Moderator, Registered
Joined: 11/5/2012(UTC)
Posts: 131

Thanks: 0 times
Was thanked: 15 time(s) in 15 post(s)
Hi,

This issue will be fixed in the next release. It will be available next week.
Best,
Ivan Petrov
jqChart Inc.
Back to top
1 user thanked Ivan for this useful post.
cmarr on 10/28/2013(UTC)
Ivan
#6 Posted : Friday, November 1, 2013 8:23:28 AM(UTC)
Rank: Administration

Groups: Administrators, Moderator, Registered
Joined: 11/5/2012(UTC)
Posts: 131

Thanks: 0 times
Was thanked: 15 time(s) in 15 post(s)
Please, download and use jqChart version 3.8.2.0.

http://www.jqchart.com/Download.aspx

In this version, your issue should be fixed. You need to replace your current jquery.jqChart.min.js file.

Please, let me know if it is ok.
Best,
Ivan Petrov
jqChart Inc.
Back to top
Users browsing this topic
Guest
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

FlatEarth Theme by Jaben Cargman (Tiny Gecko)
Powered by YAF 1.9.4 | YAF © 2003-2010, Yet Another Forum.NET
This page was generated in 0.096 seconds.