0

親愛なる同僚の皆さん、こんにちは。問題は、各バーの名前が必要な場所にないことです。バーはその名前の左右にあります。しかし、タイトルは彼の左ではなく、各バーの上にある必要があります。これをどのように行うことができるか、これは見た目ほど難しくないと確信しています^これが私のコードです:

$('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'
                        }
                    }
                ]
            });

画像として:

4

1 に答える 1

0

物事を定義するCSSがいくつかあるようです（コードには含まれていません）:)

私はそれをチェックします：-display：inline（そしてそれを削除するか、ブロックに変更します）、-親コンテナーの幅を「低すぎる」に設定できます...

全体 (html+css+js) / フィドル / ...

于 2014-10-27T07:42:09.227 に答える