EXTjs:笛卡尔图表最小列宽

时间:2017-03-31 11:02:23

标签: c# extjs

我使用动态cartesianchart,但是当列太多时,它会调整它们以适应图表。但我希望列具有最小列宽,否则图表不可读。该页面有2个面板,在顶部有一个CartesianChart和一个PolarChart。我按照example

进行操作

代码:

<ext:Panel ID="Panel1" runat="server" Height="250" MarginSpec="0 0 3 0">
                            <LayoutConfig>
                                <ext:HBoxLayoutConfig Align="Stretch" />
                            </LayoutConfig>
                            <Items>
                                <ext:CartesianChart
                                    ID="BarChart1"
                                    runat="server"
                                    Border="true"
                                    Flex="4"
                                    StoreID="storeSites" AutoScroll="true" Resizable="true" >
                                    <Interactions>
                                        <ext:ItemHighlightInteraction />
                                    </Interactions>
                                    <AnimationConfig Duration="300" Easing="EaseOut" />
                                    <Axes>
                                        <ext:NumericAxis Position="Left" Fields="patientstarget" Minimum="0" Hidden="true" />
                                        <ext:CategoryAxis Position="Bottom" Fields="site">
                                            <Label Font="9px Arial" RotationDegrees="-45" />
                                            <Renderer Handler="return Ext.String.ellipsis(label, 15, false);" />
                                        </ext:CategoryAxis>
                                    </Axes>

                                    <Series>
                                        <ext:BarSeries
                                            Highlight="true"
                                            XField="site"
                                            YField="patientstarget" >
                                            <StyleSpec>
                                                <ext:Sprite FillStyle="#456d9f" />
                                            </StyleSpec>
                                            <HighlightConfig>
                                                <ext:Sprite FillStyle="#619fff" StrokeStyle="black" />
                                            </HighlightConfig>
                                            <Label
                                                Display="InsideEnd"
                                                Field="patientstarget"
                                                Color="#000"
                                                Orientation="Vertical"
                                                TextAlign="Center"
                                                />
                                            <Listeners>
                                                <ItemMouseUp Fn="onMouseUp" />
                                            </Listeners>
                                        </ext:BarSeries>
                                    </Series>
                                    <Plugins>
                                        <ext:ChartItemEvents ID="ChartItemEvents1" runat="server" />
                                    </Plugins>
                                </ext:CartesianChart>

                                //PolarChart
                            </Items>
                        </ext:Panel>

0 个答案:

没有答案