AmCharts Serial：如何通过长标签打破线条？

Question

我有一个带AmCharts的水平SerialChart：

在桌面浏览器上显示时，一切看起来都很好：

  

但是当我正在调整大小时，条形图会变小，但是文字会变小   保持不变：

  

有没有办法调整categoryAxis的大小，所以我看到了吧   在手机屏幕？或者在我的时候将标签移到栏杆顶部   在手机上查看它们？

Answer 1

如果你看一下我刚刚完成的这个例子http://jsfiddle.net/17xraeue/，你会看到我在标准HTML标签BR中添加了换行符。

"dataProvider": [
  {
    "country": "All Other<br>Countries",
    "visits": 441,
    "color": "#CD0D74"
  }
]

为了使这项工作不需要在你自己添加换行符，你也可以使用像PHP这样的脚本语言为你添加它们。

<?
//See http://php.net/manual/en/function.wordwrap.php for more details
//wordwrap([text string], [number of characters before line break], [HTML to use for line break]);
echo wordwrap("this is my text string", 20, "<br />");
?>

Answer 2

试试这个，它会对你有帮助。

"categoryAxis": {
              "ignoreAxisWidth": true,
               "autoWrap": true
            }