Я новичок в amCharts(5), я унаследовал базу кода,
но нужно проделать кое-какую работу.
Так что на моем компьютере все работает на 100% нормально localhost, но после загрузки
кода на сайт Live всплывающее окно и область легенды перестали работать.
Легенда (имена столбцов) должна быть кликабельна, но это не так. всплывающие окна должны быть на каждом участке, но появляется случайным образом на некоторых графиках.
Это код легенды, содержащий реализацию всплывающего окна.
// PREVS_Plot - has been initiated before
// LEGEND in OWN DIV
let PREVS_Legend_Root = am5.Root.new("legend_div");
let PREVS_Legend = PREVS_Legend_Root.container.children.push(
am5.Legend.new(PREVS_Legend_Root, {
centerX: am5.p50,
x: am5.p50,
layout: am5.GridLayout.new(PREVS_Plot, {
fixedWidthGrid: true,
maxColumns: 4,
})
})
);
function PREVS_Series_BASELINE(name, fieldName, stacked) {
var PREVS_Series_to_Plot_BASELINE = PREVS_Chart.series.push(am5xy.ColumnSeries.new( PREVS_Plot, {
name: name,
stacked: stacked,
xAxis: PREVS_xAxis,
yAxis: PREVS_yAxis,
baseAxis: PREVS_yAxis,
valueXField: fieldName,
categoryYField: "short_name",
}));
// BASELINE STYLE BARS & TOOLTIP
PREVS_Series_to_Plot_BASELINE.columns.template.setAll({
// tooltipText: "{name}, {categoryY}:{valueX}",
tooltipHTML: "
{name}
Tooltip text & value: {valueX}
",
cornerRadiusTR: 4,
cornerRadiusBR: 4,
fillOpacity: ,
strokeWidth: ,
});
PREVS_Series_to_Plot_BASELINE.data.setAll(Data_to_Plot_PREVS);
// Animate on load
PREVS_Series_to_Plot_BASELINE.appear();
// VALUES in BARS
PREVS_Series_to_Plot_BASELINE.bullets.push(function () {
return am5.Bullet.new(PREVS_Plot, {
sprite: am5.Label.new(PREVS_Plot, {
text: "{valueX.formatNumber('#.#')}%", // VALUE to 1 DECIMAL PLACE
// fill: PREVS_Plot.interfaceColors.get("alternativeText"),
fill: "#000000", // VALUE COLOUR
fontSize: "px",
fontWeight: "bold",
centerY: am5.p50,
centerX: am5.p50,
populateText: true
})
});
});
PREVS_Legend.data.push(PREVS_Series_to_Plot_BASELINE);
}
PREVS_Series_BASELINE("Baseline Prevalence", "first_prac_prev", false);
Подробнее здесь: https://stackoverflow.com/questions/792 ... ive-server
Подсказка amCharts 5 не работает после развертывания на Live-сервере ⇐ Php
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение