如何讓類別字段較小

我在Amcharts一個初學者，這是我工作的代碼筆demo 如何讓類別字段較小

在這裏，我不停的

"categoryField": "country"

繪製列chart.As你看到我有這些國家的大名，並且它們彼此重疊。是否有辦法在Amcharts中將這些字體設置爲較小的尺寸？任何幫助都是值得讚賞的。

來源

2016-12-21 RKR

你的演示中沒有什麼東西，有些看不見的線條可能是:) – Deep

在我的屏幕上它們沒有重疊 – madalinivascu

同樣在這裏，它們看起來很好。 –

如果目標是顯示標籤正確

"categoryAxis": { 
    "gridPosition": "start", 
    "gridAlpha": 0, 
    "tickPosition": "start", 
    "tickLength": 20, 
    "labelRotation": 45 
    },

筆：https://codepen.io/anon/pen/rWRKLy

，或者如果你想只減少字體大小。

"categoryAxis": { 
    "gridPosition": "start", 
    "gridAlpha": 0, 
    "tickPosition": "start", 
    "tickLength": 20, 
    "fontSize" : 6 
    },

筆：的CategoryAxis的https://codepen.io/anon/pen/zobaKz

但我會建議去的第一個

爲了更多地瞭解所有可用的屬性，方法

https://docs.amcharts.com/3/javascriptcharts/CategoryAxis

來源

2016-12-21 05:53:56 Deep

將「autowrap」添加到您的「categoryAxis」以避免國家/地區名稱相互重疊。

"categoryAxis": { 
    "gridPosition": "start", 
    "gridAlpha": 0, 
    "tickPosition": "start", 
    "tickLength": 20, 
    "autoWrap": true 
}

來源

2016-12-21 05:52:38 Zesky

https://www.amcharts.com/kbase/auto-wrap-long-category-axis-labels/這是包裝文本的選項。

來源

2016-12-21 05:55:41 Garfield

您可以使用媒體查詢來達到此目的，並且可以爲不同的屏幕編寫自己的CSS。檢查更新的代碼

[https://codepen.io/junaid_jedi/pen/yVwEeO]

您可以根據您的要求進行更改。

來源

2016-12-21 06:00:53

如何讓類別字段較小

回答

相關問題