- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
有人知道将 amcharts 中的气球对齐方式更改为图 1 中的对齐方式的属性吗?默认情况下,我的项目中呈现的图表中的气球对齐方式如图 2 所示,如果气球文本为,有时会导致截断和溢出,如图 3 所示太长了。希望如图 1 所示的气球文本对齐方式能够帮助我解决此问题。
最佳答案
您可能正在寻找的是翻转气球的固定位置。
这可以通过设置 fixedPosition
来实现在您的气球
设置中。即:
"balloon": {
"fixedPosition": true
}
另一个解决方案是启用 chart cursor 。启用图表光标后,所有气球将自适应地显示在列中心的左侧或右侧。
这是一个图表光标,设置为不显示超出悬停列段的单个气球的任何内容:
"chartCursor": {
"cursorAlpha": 0,
"oneBalloonOnly": true
}
最后,非常长的连续字符串也可能是一个问题。我建议您使用 \n
符号在其中添加换行点。即:
"title": "North Americaaaaa\naaaaaaaaaaaaaaaaaaaaaaaaaa\naaaaaaaaaaaaaaaaaaaaaa",
这是一个完整的工作演示:
var chart = AmCharts.makeChart("chartdiv", {
"type": "serial",
"theme": "light",
"legend": {
"horizontalGap": 10,
"maxColumns": 1,
"position": "right",
"useGraphSettings": true,
"markerSize": 10
},
"dataProvider": [{
"year": 2003,
"europe": 2.5,
"namerica": 2.5,
"asia": 2.1,
"lamerica": 0.3,
"meast": 0.2,
"africa": 0.1
}, {
"year": 2004,
"europe": 2.6,
"namerica": 2.7,
"asia": 2.2,
"lamerica": 0.3,
"meast": 0.3,
"africa": 0.1
}, {
"year": 2005,
"europe": 2.8,
"namerica": 2.9,
"asia": 2.4,
"lamerica": 0.3,
"meast": 0.3,
"africa": 0.1
}],
"valueAxes": [{
"stackType": "regular",
"axisAlpha": 0.3,
"gridAlpha": 0
}],
"graphs": [{
"balloonText": "<b>[[title]]</b><br><span style='font-size:14px'>[[category]]: <b>[[value]]</b></span>",
"fillAlphas": 0.8,
"labelText": "[[value]]",
"lineAlpha": 0.3,
"title": "Europe",
"type": "column",
"color": "#000000",
"valueField": "europe"
}, {
"balloonText": "<b>[[title]]</b><br><span style='font-size:14px'>[[category]]: <b>[[value]]</b></span>",
"fillAlphas": 0.8,
"labelText": "[[value]]",
"lineAlpha": 0.3,
"title": "North Americaaaaa\naaaaaaaaaaaaaaaaaaaaaaaaaa\naaaaaaaaaaaaaaaaaaaaaa",
"type": "column",
"color": "#000000",
"valueField": "namerica"
}, {
"balloonText": "<b>[[title]]</b><br><span style='font-size:14px'>[[category]]: <b>[[value]]</b></span>",
"fillAlphas": 0.8,
"labelText": "[[value]]",
"lineAlpha": 0.3,
"title": "Asia-Pacific",
"type": "column",
"color": "#000000",
"valueField": "asia"
}, {
"balloonText": "<b>[[title]]</b><br><span style='font-size:14px'>[[category]]: <b>[[value]]</b></span>",
"fillAlphas": 0.8,
"labelText": "[[value]]",
"lineAlpha": 0.3,
"title": "Latin America",
"type": "column",
"color": "#000000",
"valueField": "lamerica"
}, {
"balloonText": "<b>[[title]]</b><br><span style='font-size:14px'>[[category]]: <b>[[value]]</b></span>",
"fillAlphas": 0.8,
"labelText": "[[value]]",
"lineAlpha": 0.3,
"title": "Middle-East",
"type": "column",
"color": "#000000",
"valueField": "meast"
}, {
"balloonText": "<b>[[title]]</b><br><span style='font-size:14px'>[[category]]: <b>[[value]]</b></span>",
"fillAlphas": 0.8,
"labelText": "[[value]]",
"lineAlpha": 0.3,
"title": "Africa",
"type": "column",
"color": "#000000",
"valueField": "africa"
}],
"balloon": {
"fixedPosition": true,
"maxWidth": 10000
},
"chartCursor": {
"cursorAlpha": 0,
"oneBalloonOnly": true
},
"categoryField": "year",
"categoryAxis": {
"gridPosition": "start",
"axisAlpha": 0,
"gridAlpha": 0,
"position": "left"
},
"export": {
"enabled": true
}
});
#chartdiv {
width: 1000px;
height: 500px;
}
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="http://www.amcharts.com/lib/3/serial.js"></script>
<script src="http://www.amcharts.com/lib/3/themes/light.js"></script>
<div id="chartdiv"></div>
关于amcharts - Amcharts 中的属性可以设置气球对齐吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31604609/
是否有一个很好的模拟/等同于JEDI Desktop Alert(桌面右下角的一种气球)? 气球提示无法像堆栈一样显示(新提示位于其他提示的顶部),但 JEDI Desktop Alert 可以做到。
是否可以通过编程方式关闭 TTrayIcon 气球提示? 问题: 我有一个计时器,每分钟检查一次消息。当它发现一条消息(例如 ABC 服务已停止)时,它会显示带有消息的气球: procedure TF
如何更改 google 地球中地标气球的样式?不是kml数据,是气球本身。例如,我想圆润边界。我做了一个示例,但总是在我放置的样式周围看到空白边框。 Javascript代码: var ge=null
这是我当前的图像圈气球的 CSS .circle-image{ width: 64px; height: 64px; border-radius: 50%; backg
我有一个 TEdit,其中 PasswordChar 设置为 *,并且我希望如果 Caps Lock 模式已打开。仅当编辑器获得焦点或打开 Caps Lock 模式且焦点位于该编辑器中时,才会出现该标
我有 4 个股票图表想要比较。当我尝试为它们设置 ballon 属性时,我总是得到一些多余的属性。 我的第一个想法是只指定一个 StockGraph 但我得到了一个额外的对象。 let chart
让用户将鼠标悬停在链接/标签/文本上并快速弹出包含有关该项目的信息的了解更多气球的最佳方式是什么。有什么原生于 HTML5 的东西吗?我浏览了 w3schools 和网络上的其他一些资源,但没有发现任
我正在使用 osmdroid 和 osmdroid 奖励包来展示气球。在气球内部有一个 ScrollView ,其中包含一个线性布局(垂直)作为 subview 。 当我尝试向下滚动时,我的 map
每当我在 Visual Studio 中使用宏时,系统托盘中都会出现一个烦人的提示气球和伴随的“砰”声。它说: Visual Studio .NET macros To stop the macro
如何在 iOS 中触摸或点击标记时制作 map 气球?简而言之,我希望我的应用程序的 map 功能能够弹出 map 气球以显示有关标记所在位置的某些信息。 我正在使用谷歌地图,因为我听说它现在比 iO
我已经实现了一个融合表格 map 来为我的谷歌地图创建国家填充......但是我真的需要摆脱当你点击一个国家时弹出的信息窗口/卡片。我试着格式化卡片,这样就没有实际内容了,但它根本没有改变卡片。它们仍
我是一名优秀的程序员,十分优秀!