web-dev-qa-db-ja.com

Highchartsフォントサイズの変更

具体的には、WebページにHighChartsを使用することを検討しています。

http://www.highcharts.com/demo/column-basic/dark-green

ただし、フォントサイズが小さすぎます。私は追加しようとしました：

legend: {
        itemStyle: {
            color: '#000000',
            fontWeight: 'bold',
            fontSize: '15px'
        }

サイトが提供した私のjsファイルに、これはフォントサイズの変更にはなりません。さらに、キーのサイズ（東京、ニューヨーク、ロンドン、ベルリンと表記）を増やしたいと思います。 Highchartsを使用するのはこれが初めてであり、私はここ数時間研究を続けていますが、答えが見つからないようです。どんな助けでも大歓迎です！

javascripthtmlhighcharts
16
Ryan Sayles

凡例のフォントサイズについては、コードは完璧に機能しています。 作業デモ です。

x軸とY軸の場合、（x-Axis/y-Axis）-> labels-> styleオブジェクトにフォントサイズを入力します。サンプルは次のとおりです。

 xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
            labels: {
                style: {
                    color: 'red',
                    fontSize:'15px'
                }
            }
        },

デモ： http://jsfiddle.net/4VznG/

38
Nishu Tayal
xAxis: {
        categories: ['Climate Change', 'Marketing', 'Development', 'Customer Support',
                'Information Technology', 'Administration'],
        tickmarkPlacement: 'on',
        lineWidth: 0,
        labels: {

            style: {
                fontSize: '14px',
                fontFamily: 'Verdana, sans-serif',

            }}
    },
0
Rajshee IFour

X-AxisラベルのfontSizeの設定に問題がありました。ラベルのフォントを使用してそれを設定すると、私のために働いた：

xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
        labels: {
            style: {
                color: 'red',
                font: '13px Arial, sans-serif'
            }
        }
    },
0
Pretty Cool