У меня есть этот график. Я чувствую, что эти метки на графике не несут никакой ценности и отвлекают нас от просмотра реальных кривых. Как удалить эти цифры поверх строк?
Это мой фактический код (бит, который говорит «маркеры», кажется, вообще не имеет значения).
<ReactApexChart options = {{
chart: {
height: 350,
type: 'area'
},
tooltip: {
x: {
formatter: function (seriesName) {
let ano = Math.floor(seriesName/12);
let mes = seriesName%12;
return "Pagamento: " + seriesName + " - ano " + ano + " mês " + mes
},
},
},
markers: { size: 0,
colors: undefined,
strokeColors: '#fff',
strokeWidth: 2,
strokeOpacity: 0.9,
strokeDashArray: 0,
fillOpacity: 1,
discrete: [],
shape: "circle",
radius: 2,
offsetX: 0,
offsetY: 0,
onClick: undefined,
onDblClick: undefined,
showNullDataPoints: true,
hover: {
size: undefined,
sizeOffset: 3
}},
xaxis: {
type: 'numeric',
categories: categories}
}} series = {[{
name: 'Sem Amortização',
data: beforeSeries
}, {
name: 'Com Amortização',
data: afterSeries,
}]} type = "area" height = {350} />
Редактировать: я думал, что те номера, где специальные маркеры, оказывается, это метки
это произошло, мне нужно было отключить метки, а не маркеры.
Затем обновите свой вопрос так
Вы можете отключить dataLabels.
Вот очень простая диаграмма с областями без них:
let options = {
series: [{
name: 'Series',
data: [10, 20, 15]
}],
chart: {
height: 350,
type: 'area'
},
dataLabels: {
enabled: false // <--- HERE
},
xaxis: {
categories: ['Category 1', 'Category 2', 'Category 3']
}
};
let chart = new ApexCharts(document.querySelector('#chart'), options);
chart.render();
<script src = "https://cdn.jsdelivr.net/npm/apexcharts"></script>
<div id = "chart"></div>
Отвечает ли это на ваш вопрос? Нужен способ скрыть маркер на апекс-диаграммах, когда ось Y имеет значение 0 , stackoverflow.com/a/64912532/5324829