Наложения водяных знаков AmCharts Кнопка «Показать все»

Когда вы увеличиваете полосу прокрутки AmCharts, появляется кнопка «Показать все» и накладывается ссылка на веб-сайт AmCharts. Есть ли способ заставить ссылку AmCharts или кнопку «Показать все» отображаться в левом углу?

В документах ничего не нашел.


amcharts
person Andrey Chumak    schedule 08.06.2015    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Действительно, нет никаких параметров конфигурации для перемещения кнопки «Показать все».

Однако вы можете установить позицию ссылки с брендингом, используя creditsPosition.

I.e.:

AmCharts.makeChart("chartdiv", {
  "type": "serial",
  "creditsPosition": "bottom-left",
  ...
});
person martynasma    schedule 09.06.2015
comment
Хотя вы не можете переместить кнопку Показать все, ее можно скрыть с помощью недокументированного свойства zoomOutText диаграммы. Добавил ответ с подробностями. - person ezze; 25.11.2016
comment
К сожалению, нашел его в документах AmSerialChart. - person ezze; 26.11.2016

arrow_upward
2
arrow_downward

Кнопку «Показать все» можно скрыть, установив для свойства диаграммы 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;
    ...
}

Чтобы кнопка работала, добавьте следующий обработчик события click:

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

Этот подход полезен, когда вам нужно добавить пользовательские элементы управления на диаграмму.

person ezze    schedule 25.11.2016