What's New?

On the ext.net v2.x gauge chart problems

  1. #1
    Jun 25, 2012, 7:02 AM

    On the ext.net v2.x gauge chart problems

    No background code. How to set up the gauge chart minimum value is from 0 to start.

    <Axes>
    <ext:GaugeAxis Minimum="0" Maximum="100" Steps="10" Margin="5" >
    </ext:GaugeAxis>
    </Axes>
    I have this set, but from the beginning of 10. This is why, ExtJs setting can be started from 0.
  2. #2
    Jul 05, 2012, 6:52 PM
    I am having this same issue. Did you find a solution?

    Thanks
  3. #3
    Jul 05, 2012, 7:01 PM
    The problem is fixed in SVN
    Workaround (who cannot update from SVN): define Steps via CustomConfig
  4. #4
    Jul 05, 2012, 7:15 PM
    Like this? It doesn't seem to work.

    <Axes>
    <ext:GaugeAxis AxisID="GaugeAxis" Minimum="0" Maximum="20" Margin="7">
    <CustomConfig>
    <ext:ConfigItem Name="Steps" Value="4" Mode="Value" />
    </CustomConfig>
    </ext:GaugeAxis>
    </Axes>
  5. #5
    Jul 05, 2012, 7:22 PM 
    <ext:ConfigItem Name="steps" Value="4" Mode="Raw" />
</CustomConfig>
  6. #6
    Jul 05, 2012, 7:36 PM
    This is what I have, it still doesn't seem to show up.

    <ext:Chart ID="Chart4" runat="server" Animate="true" StyleSpec="background:#fff;"
                                        InsetPadding="25" Flex="1">
                                        <Store>
                                            <ext:Store ID="Store4" runat="server" Data="<%# GaugeData %>" AutoDataBind="true">
                                                <Model>
                                                    <ext:Model ID="Model4" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="Name" />
                                                            <ext:ModelField Name="Data1" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                        <Axes>
                                            <ext:GaugeAxis AxisID="GaugeAxis" Minimum="0" Maximum="20" Margin="7">
                                                <CustomConfig>
                                                    <ext:ConfigItem Name="steps" Value="4" Mode="Raw" />
                                                </CustomConfig>
                                            </ext:GaugeAxis>
                                        </Axes>
                                        <Series>
                                            <ext:GaugeSeries AngleField="Data1" Donut="50" ColorSet="#82B525,#ddd" />
                                        </Series>
                                    </ext:Chart>
    Thank you
  7. #7
    Jul 05, 2012, 7:45 PM
    Please provide full test sample and describe issue in details. Screenshot?
    For me, Steps works correctly
  8. #8
    Jul 05, 2012, 7:59 PM
    Click image for larger version.  Name: GaugeChart.JPG  Views: 153  Size: 11.6 KB  ID: 4447

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="GaugeTest.aspx.cs" Inherits="Web.Pages.GaugeTest" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!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">
<script runat="server">
    public List<object> GaugeData
    {
        get
        {
            var random = new Random();
            return new List<object> 
            { 
                new {Name = "Orders", Data1 = random.Next(6,18)}
            };
        }
    }
</script>
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <ext:ResourceManager ID="ResourceManager1" runat="server" />
    <ext:Panel ID="Panel4" runat="server" Title="Trailers Closed in MAST But Not Shipped"
        Region="West" Layout="FitLayout" Width="400" Height="400" MinWidth="200" Split="true" Collapsible="true"
        Flex="1">
        <TopBar>
            <ext:Toolbar ID="Toolbar4" runat="server">
                <Items>
                    <ext:Button ID="Button9" runat="server" Text="Reload Data" Icon="ArrowRefresh" />
                    <ext:Button ID="Button10" runat="server" Text="Donut" EnableToggle="true">
                        <Listeners>
                            <Toggle Handler="#{Chart1}.series.first().donut = pressed ? 35 : false;#{Chart1}.refresh();" />
                        </Listeners>
                    </ext:Button>
                    <ext:Button ID="Button11" runat="server" Text="Save Chart" Icon="Disk" />
                </Items>
            </ext:Toolbar>
        </TopBar>
        <Items>
            <ext:Chart ID="Chart4" runat="server" Animate="true" StyleSpec="background:#fff;"
                InsetPadding="25" Flex="1">
                <Store>
                    <ext:Store ID="Store4" runat="server" Data="<%# GaugeData %>" AutoDataBind="true">
                        <Model>
                            <ext:Model ID="Model4" runat="server">
                                <Fields>
                                    <ext:ModelField Name="Name" />
                                    <ext:ModelField Name="Data1" />
                                </Fields>
                            </ext:Model>
                        </Model>
                    </ext:Store>
                </Store>
                <Axes>
                    <ext:GaugeAxis AxisID="GaugeAxis" Minimum="0" Maximum="20" Margin="7">
                        <CustomConfig>
                            <ext:ConfigItem Name="steps" Value="4" Mode="Raw" />
                        </CustomConfig>
                    </ext:GaugeAxis>
                </Axes>
                <Series>
                    <ext:GaugeSeries AngleField="Data1" Donut="50" ColorSet="#82B525,#ddd" />
                </Series>
            </ext:Chart>
        </Items>
    </ext:Panel>
    </form>
</body>
</html>
  9. #9
    Jul 05, 2012, 8:07 PM
    I cannot reproduce the issue.
    Please update from SVN and retest

Similar Threads

  1. [CLOSED] Is it possible to put a tooltip on chart legend or chart axis?
    By feanor91 in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Aug 13, 2012, 2:12 PM
  2. Chart: Is it a bug? configuring CHART from code behind
    By tanky65 in forum 2.x Help
    Replies: 1
    Last Post: Jun 02, 2012, 7:12 AM
  3. how to use the charts(gauge and dashboard)
    By Darkizza in forum 2.x Help
    Replies: 1
    Last Post: May 11, 2012, 11:51 AM
  4. [Gauge] Minimum not correct when built in code behind.
    By joris.moonen in forum 2.x Help
    Replies: 0
    Last Post: May 10, 2012, 10:08 AM
  5. Google gauge and Ext.Net
    By UserClarion in forum 1.x Help
    Replies: 2
    Last Post: Dec 22, 2011, 2:13 PM

Tags for this Thread

Posting Permissions