CategoriesAxis label alignment in AJAX StackedBar Chart in ASP.Net

htm11mth

SOLVED CLOSED ACTIVE ANSWERED
User: htm11mth
Posted: on Aug 31, 2016 08:11 AM
Forum: ASP.Net AJAX
Answer: 1
Views: 6389
Sample Code: Download

I am looking to figure out how to justify the BarChart1.CategoriesAxis string name titles. I have a list of about 15 items in a stacked bar chart and the names are listed down the left side of the chart. Some are in nice alignment, but others are spaced 2 or 3 characters over. I have trimmed all string names before adding them to the property.

I am looking to justify the CategoriesAxis labels. I have no code becuase I thought this would be a setting.

I have a stacked bar chart. Down the left side of the chart are each of the titles for each bar. Those titles are not justified, left, right or even centered. I would like to justify them to the right.

You can review this link for the tutorial that got me this far tutorial

<ajaxToolkit:BarChart ID="BarChart1" runat="server"
    ChartHeight="1000" ChartWidth="800"
    ChartType="StackedBar"
    ChartTitleColor="#0E426C"
    CategoriesAxis="Vietnamese - Vietnam,Ukrainian - Ukraine,Turkish - Turkey,Thai - Thailand,Spanish - Spain,Spanish - Mexico,Russian - Russia,Portuguese - Portugal,Norwegian (Bokmål) - Norway,Japanese - Japan,Italian - Italy,Hungarian - Hungary,Greek - Greece,German - Germany,French - France,English - United States,Dutch - The Netherlands,Chinese - Taiwan,Chinese - China"
    CategoryAxisLineColor="#D08AD9"
    ValueAxisLineColor="#D08AD9" BaseLineColor="#A156AB" Width="960px" Theme="" ValueAxisLines="0" Height="800px" >
</ajaxToolkit:BarChart>

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 10

Reply
ANSWER
User: dharmendr
Replied: on Sep 01, 2016 03:13 AM
Modified: on Nov 17, 2017 01:43 AM
Report

Hi htm11mth,

Refer the below code.

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        function AlignText() {
            var series = $("[id*=SeriesAxis]");
            series.each(function (index, element) {
                var element = $(element);
                var x = element.attr("x");
                element.removeAttr("x");
                element.attr("x", "0");
            });
        }
    </script>
</head>
<body onload="AlignText();">
    <form id="form1" runat="server">
    <cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </cc1:ToolkitScriptManager>
    <cc1:BarChart ID="BarChart2" runat="server" ChartHeight="1000" ChartWidth="800" ChartType="StackedBar"
        ChartTitleColor="#0E426C" CategoriesAxis="Vietnamese - Vietnam,Ukrainian - Ukraine,Turkish - Turkey,Thai - Thailand,Spanish - Spain,Spanish - Mexico,Russian - Russia,Portuguese - Portugal,Norwegian (Bokmål) - Norway,Japanese - Japan,Italian - Italy,Hungarian - Hungary,Greek - Greece,German - Germany,French - France,English - United States,Dutch - The Netherlands,Chinese - Taiwan,Chinese - China"
        CategoryAxisLineColor="#D08AD9" ValueAxisLineColor="#D08AD9" BaseLineColor="#A156AB"
        Width="960px" Theme="" ValueAxisLines="0" Height="800px">
    </cc1:BarChart>
    </form>
</body>
</html>

Screenshot

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

CategoriesAxis label alignment in AJAX StackedBar Chart in ASP.Net

Company

Explore

Follow us

Contact Us