Welcome Guest Search | Active Topics |

Stacked Column label position
chuck
#1 Posted : Tuesday, November 20, 2012 3:56:05 PM(UTC)
Rank: Newbie

Groups: Registered
Joined: 11/19/2012(UTC)
Posts: 7

Thanks: 0 times
Was thanked: 0 time(s) in 0 post(s)
Can it be controlled? Our UX design calls for the value of each Column to be at the top of the each section of the stacked column -- what amcharts calls "inside" -- rather than in the center of each section. An example:

Code:

                  +-----+
                  | 3GB |
                  |     |
  +-----+         |     |
  | 2GB |         |     |
  |     | 2:1     |     | 3:1
  |     +-----+   |     +-----+
  |     | 1GB |   |     | 1GB |
  |     |     |   |     |     |
--+-----+-----+---+-----+-----+--


You may notice, there is another label above the second column in each group -- is there a way to position arbitrary text labels in a graph?!

thanks,
Chuck
Ivan
#2 Posted : Thursday, November 22, 2012 7:55:05 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,

Your requirement can be achieved with code like:

Code:
$(document).ready(function () {

        $('#jqChart').bind('dataPointLabelCreating', function (e, data) {

            var context = data.context;

            if (context.series.title != 'Titles') {
                return;
            }

            data.text = context.dataItem[2];

        });

        $('#jqChart').jqChart({
            legend: { visible: false },
            axes: [
                    {
                        location: 'left',
                        type: 'linear',
                        interval: 1,
                        extendRangeToOrigin: true
                    },
                    {
                        location: 'bottom',
                        type: 'category',
                        categories: ['Category 1', 'Category 2']
                    },
                    {
                        location: 'bottom',
                        type: 'linear',
                        interval: 1,
                        minimum: 0,
                        maximum: 2,
                        labels: { visible: false },
                        majorTickMarks: { visible: false },
                        lineWidth: 0,
                        margin: 0
                    }
                  ],
            series: [
                        {
                            type: 'column',
                            data: [2, 3]
                        },
                        {
                            type: 'column',
                            data: [1, 1]
                        },
                        {
                            title: 'Titles',
                            type: 'scatter',
                            data: [[0.35, 1.7, '2GB'],
                                   [0.65, 0.7, '1GB'],
                                   [0.65, 1.1, '2:1'],

                                   [1.35, 2.7, '3GB'],
                                   [1.65, 0.7, '1GB'],
                                   [1.65, 1.1, '3:1']],
                            markers: {
                                visible: false
                            },
                            labels: {
                                font: '13px sans-serif'
                            }
                        }
                    ]
        });
    });
Best,
Ivan Petrov
jqChart Inc.
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.049 seconds.