Apexcharts как удалить маркеры и метки и просто показать линию

У меня есть этот график. Я чувствую, что эти метки на графике не несут никакой ценности и отвлекают нас от просмотра реальных кривых. Как удалить эти цифры поверх строк?

Это мой фактический код (бит, который говорит «маркеры», кажется, вообще не имеет значения).

<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} />

Редактировать: я думал, что те номера, где специальные маркеры, оказывается, это метки

это произошло, мне нужно было отключить метки, а не маркеры.

RagnaRock 20.01.2023 11:39

Затем обновите свой вопрос так

gaurang 20.01.2023 11:42
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
1
3
58
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете отключить 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>

Другие вопросы по теме