Question

当您放大AmCharts滚动条时，会出现“全部显示”按钮并覆盖AmCharts网站的链接。有没有办法强制AmCharts链接或“显示全部”按钮显示在左下角？

在文档中找不到任何内容。

Answer 1

可以隐藏＆＃34;显示全部＆＃34;按钮，将图表的zoomOutText属性设置为空字符串：

var chart = AmCharts.makeChart('chartdiv', {
    type: 'serial',
    zoomOutText: ''
    ...
});

并将您自己的自定义按钮放在任意位置：

HTML 的

<div class="container">
    <div id="chartdiv"></div>
    <button class="show-all-button">Show all</button>
</div>

CSS

.container {
    position: relative;
    ...
}

#chartdiv {
    position: relative;
    width: 100%;
    height: 100%;
}

.show-all-button {
    position: absolute;
    top: 15px;
    left: 15px;
    ...
}

要使按钮正常工作，请添加以下点击事件处理程序：

var showAllButton = document.querySelector('.show-all-button');
showAllButton.addEventListener('click', function() {
    chart.zoomOut();
});

当您需要在图表上添加自定义控件时，此方法非常有用。

Answer 2

实际上，没有配置选项来移动＆＃34;显示全部＆＃34;按钮。

但是，您可以使用creditsPosition

设置品牌链接的位置

即：

AmCharts.makeChart("chartdiv", {
  "type": "serial",
  "creditsPosition": "bottom-left",
  ...
});

AmCharts水印覆盖“全部显示”按钮

2 个答案: