Я новичок в 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
Кемеровские программисты php общаются здесь
1732816899
Anonymous
Я новичок в 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);
Подробнее здесь: [url]https://stackoverflow.com/questions/79234948/amcharts-5-tooltip-not-working-after-deploying-on-live-server[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия