BuyLog In
Ticket T1043801
Visible to All Users

Web Chart - How to move Label outside of Bar

created 3 years ago

Hi!
Please tell me how I can take the Label outside the Bar

I tried using total, but for some reason it is not displayed

Visual Basic
<dx:WebChartControl ID="WebChartTop10" runat="server" Height="700px"
    Width="1400" ClientInstanceName="chart"
    CrosshairEnabled="False"
    OnCustomDrawSeriesPoint ="OnCustomDrawSeriesPoint"
    EnableClientSideAPI="True" ToolTipEnabled="True"
    SeriesDataMember="Year">
    <SeriesTemplate ArgumentDataMember="Name" ValueDataMembersSerializable="Summ">
        <LabelSerializable>
            <dx:SideBySideBarSeriesView  BarWidth="3"/>
            <dx:SideBySideBarSeriesLabel TextPattern="{V:N2}" >
            </dx:SideBySideBarSeriesLabel>
        </LabelSerializable>
    </SeriesTemplate>
    <BorderOptions Visibility="False" />
    <Titles>
        <dx:ChartTitle Text="Топ 10 рейтинг закупок."></dx:ChartTitle>
    </Titles>
    <Legend Visibility="False" />
    <DiagramSerializable>
        <dx:XYDiagram Rotated="True" >
            <DefaultPane>
                <StackedBarTotalLabel TextPattern="{V:N2}"  Visible ="True"> </StackedBarTotalLabel>
            </DefaultPane>
            <AxisX Title-WordWrap="True" VisibleInPanesSerializable="-1" Reverse="True">
                <Label MaxWidth="500" MaxLineCount="0" TextAlignment="Far"></Label>
            </AxisX>
            <AxisY Title-Text="НМЦК закупки, руб" Title-Visibility="True">
                <Label Visible="False"></Label>
            </AxisY>
        </dx:XYDiagram>
    </DiagramSerializable>
</dx:WebChartControl>
Sign in to comment on this post

Answers approved by DevExpress Support

created 3 years ago

Hi,

Use the SideBySideBarSeriesLabel.Position property to define the Series label position.
The Total label settings are not applicable because the chart does not contain Stacked Bar Series.

ASPx
<SeriesTemplate ArgumentDataMember="Name" ValueDataMembersSerializable="Summ" LabelsVisibility="True">
    <LabelSerializable>
        <dx:SideBySideBarSeriesLabel TextPattern="{V:N2}" Position="Top" >
        </dx:SideBySideBarSeriesLabel>
    </LabelSerializable>
</SeriesTemplate>

Please update your chart layout accordingly and let me know how it works for you.

    Comments (1)
    AS AS
    Aleksey Sim 3 years ago

      thanks. It works

      Sign in to comment on this post

      Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.

      Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.