Javascript 在图表上放置一个链接
我想在图表的右上角添加一个链接。其主要思想是使其与图表本身一样具有响应性,因此每当调整图表容器的大小时,它都应始终显示在右上角 类似于下面的截图 我已经通过amchart特性和自定义css类实现了它(不要忘记启用属性以实现这种可能性) 您可以通过以下内容找到完整的代码示例 但我正在寻找一种更自然、更直接的方法。有吗?我不喜欢我使用的方法,因为有很多硬编码的值(例如绝对位置)。是否可以通过使用amchart组件来实现Javascript 在图表上放置一个链接,javascript,html,css,charts,amcharts,Javascript,Html,Css,Charts,Amcharts,我想在图表的右上角添加一个链接。其主要思想是使其与图表本身一样具有响应性,因此每当调整图表容器的大小时,它都应始终显示在右上角 类似于下面的截图 我已经通过amchart特性和自定义css类实现了它(不要忘记启用属性以实现这种可能性) 您可以通过以下内容找到完整的代码示例 但我正在寻找一种更自然、更直接的方法。有吗?我不喜欢我使用的方法,因为有很多硬编码的值(例如绝对位置)。是否可以通过使用amchart组件来实现 感谢您的建议。如果您需要导出数据,您可以使用AmChart中可用的导出选项。(
感谢您的建议。如果您需要导出数据,您可以使用AmChart中可用的导出选项。(从您的sceen得出结论)标签是在图表API中实现这一点的唯一本机方法。基于百分比的位置不是绝对位置,因为随着容器大小的调整,它们将在图表中重新定位。可以使用根据容器的宽度/高度微调标签的位置。
var chart = AmCharts.makeChart("chartdiv", {
"type": "serial",
"theme": "light",
"addClassNames": true,
"titles": [{ "text": "Chart title" }],
"dataProvider": [... data should be here ],
...
// a lot of unrelevant to question properties
...
"allLabels": [{
"id": "xx", /// id which is used for css customization
"text": "View data",
"bold": true,
"x": "90%",
"y": "3%",
"rotation": 0,
"width": "100%",
"size": 11,
"align": "middle",
"url": "http://google.com"
}]
});
.amcharts-label-xx {
text-decoration: underline; // make the text underline imitating the link
}