如何显示标题不在左侧,并将它们放在栏顶上?

时间:2014-10-27 06:04:07

标签: javascript jquery jqchart

亲爱的同事们,祝你生日快乐。 问题是每个栏的名称不在您需要的位置。酒吧位于其名称的右侧和左侧。但我需要标题在每个栏上方,而不是他的左侧。如何做到这一点,我相信这并不像看起来那么困难^ 这是我的代码:

$('header').jqChart({
                title: { text: title],
                    fillStyle: '#85b1de'
                },
                legend: { visible: false },
                border: { visible: false },
                axes: [
                    {
                        strokeStyle: 'transparent',
                        visible: false,
                        majorGridLines: { visible: false },
                        lineWidth: 0,
                        location: 'bottom',
                        majorTickMarks: { visible: false },
                        labels: {
                            visible : false
                        }
                    },
                    {
                        strokeStyle: 'black',
                        visible: false,
                        majorGridLines: { visible: false },
                        lineWidth: 0,
                        location: 'left',
                        majorTickMarks: { visible: false },
                        labels: {
                            visible : true,
                            fillStyle: '#85b1de',
                            font: '16px sans-serif'
                        }
                    }
                ],
                animation: { duration: 0.5 },
                series: [
                    {
                        pointWidth: 0.5,
                        type: 'bar',
                        fillStyles: color,
                        data: [
                            [label[0], data['a']],
                            [label[1], data['b']],
                            [label[2], data['c']],
                            [label[3], data['d']]
                        ],
                        labels: {
                            stringFormat: ' %s %%',
                            valueType: 'dataValue',
                            font: '14px sans-serif',
                            fillStyle: 'white'
                        }
                    }
                ]
            });

As the image:

1 个答案:

答案 0 :(得分:0)

似乎有一些CSS定义的东西(并没有包含在你的代码中):)

我会检查它: - 显示:内联(并删除它,或将其更改为阻止), - 父容器的宽度可以设置为“太低”,...

我们能看到整件事(html + css + js)/小提琴/ ......