Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在图表上放置一个链接_Javascript_Html_Css_Charts_Amcharts - Fatal编程技术网

Javascript 在图表上放置一个链接

Javascript 在图表上放置一个链接,javascript,html,css,charts,amcharts,Javascript,Html,Css,Charts,Amcharts,我想在图表的右上角添加一个链接。其主要思想是使其与图表本身一样具有响应性,因此每当调整图表容器的大小时,它都应始终显示在右上角 类似于下面的截图 我已经通过amchart特性和自定义css类实现了它(不要忘记启用属性以实现这种可能性) 您可以通过以下内容找到完整的代码示例 但我正在寻找一种更自然、更直接的方法。有吗?我不喜欢我使用的方法,因为有很多硬编码的值(例如绝对位置)。是否可以通过使用amchart组件来实现 感谢您的建议。如果您需要导出数据,您可以使用AmChart中可用的导出选项。(

我想在图表的右上角添加一个链接。其主要思想是使其与图表本身一样具有响应性,因此每当调整图表容器的大小时,它都应始终显示在右上角

类似于下面的截图

我已经通过amchart特性和自定义css类实现了它(不要忘记启用属性以实现这种可能性)

您可以通过以下内容找到完整的代码示例

但我正在寻找一种更自然、更直接的方法。有吗?我不喜欢我使用的方法,因为有很多硬编码的值(例如绝对位置)。是否可以通过使用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
}