0

このフォーラムは初めてで、2 つの質問があります。

  • ハイチャートの軸の後ろのギャップを取り除くことができるかどうか知りたいだけです. API にオプションが見つかりませんでした。

  • シリーズ ラベルを 1 行で取得する方法。

私は新しいユーザーであるため、画像を投稿できません。

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Highcharts Example</title>

    <script type="text/javascript"    src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script type="text/javascript">
$(function () {
var chart;
$(document).ready(function() {
    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'bar'
        },
        title: {
            text: ''
        },
        xAxis: {
            gridLineWidth: 0,
            categories: ['Deutsche-FR Bank', 'Barelays-LDN', 'HSBC-SG', 'Citi-NY'],
            minorTickLength: 0,
            tickLength: 0,
            labels: {
                align: 'left',
                x: 2,
                y: 7,           
                color: '#2257D6',
                style: {
                    color: '#000',
                    font: '11px Trebuchet MS, Verdana, sans-serif'
                }
            },
            title: {
                text: null
            }
        },
        yAxis: {
            min: 0,
            gridLineWidth: 0,
            title: {
                text: '',
                align: 'high',
                color: '#333'
            },
            labels: {
                 enabled: false,
                overflow: 'justify'
            }
        },
        tooltip: {
            formatter: function() {
                return ''+
                    this.series.name +': '+ this.y +'';
            }
        },
        plotOptions: {
            bar: {
                borderWidth: 0.0,
                pointWidth: 22,
                dataLabels: {
                    enabled: false
                }                   
            },
            series: {
               shadow: false
            }
        },          
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'top',
            x: -100,
            y: 100,
            floating: false,
            borderWidth: 1,
            backgroundColor: '#FFFFFF',
            shadow: true,
            visible : false,
            enabled: false
        },
        credits: {
            enabled: false
        },
        series: [{
            name: 'Count',
            data: [82,323,245,350],
            color: '#2AAA00',
            borderWidth: 0,
            plotShadow: false,
            plotBorderWidth: 0
        }]
    });
});

});
    </script>
</head>
<body>
<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container" style="width:220px;height:145px;overflow:auto"></div>

</body>

4

1 に答える 1

0 
How to get the series label in single line

このためには、プロパティRotationを次のように使用する必要があります。

 rotation: 90

API を確認してください。

このプロパティを設定すると、質問 1 にも答えます。

デモはこちら

于 2013-01-05T12:42:29.060 に答える