Подписи на оси Х в несколько строк

Добрый день.
Очень нужна настройка подписи по оси Х в несколько строк, если есть длинные названия.
Например, стадии воронки.
Сейчас это выглядит так:

А хотелось бы, чтобы можно было сделать так:

Такой визуал получается только в момент редактирования. При сохранении возвращается в первое состояние.

Заранее благодарю.

Здравствуйте, вам может помочь указание настроек через поле echart:

echart: {
        xAxis: {
          axisLabel: {
            width: 40,
            rotate: 0,
          },
        },
      },

Поля, которые могут пригодиться тут: Documentation - Apache ECharts

Илья, к сожалению, такой вариант использовался, и он не работает:

echart: {
    xAxis: {
      axisLabel: {
        color: 'black',
        width: 40,
        rotate: 0,
      },
    },
    yAxis: {
      axisLabel: {
        color: 'black',
        width: 40,
        rotate: 0,
      },
    },
  },

Приложите весь ваш конфиг дешлета пожалуйста. Если это дочерний дешлет вкладок или доски - укажите какой именно рассматриваете

{
  frame: {
    h: 7,
    w: 6,
    x: 6,
    y: 1,
  },
  echart: {
    xAxis: {
      axisLabel: {
        color: 'black',
        width: 40,
        rotate: 0,
      },
    },
    yAxis: {
      axisLabel: {
        color: 'black',
        width: 40,
        rotate: 0,
      },
    },
  },
  display: {
    sort: '+week_report',
    headerStyle: {
      fontSize: 20,
    },
  },
  options: [
    'DisplayBadgesValue',
    '!DisplayLegend',
  ],
  dataSource: {
    koob: 'clickhouse.dmecom_sales_funnel_agg_sdim_plus',
    style: {
      measures: {
        sum_sumforecast_week: {
          color: 'rgba(148,232,255,1)',
          label: {
            _color: 'white',
          },
          title: 'Сумма на отчетную неделю, млн.руб.',
        },
      },
    },
    xAxis: 'historical_rpfunnelstatusname',
    yAxis: 'measures',
    sortBy: '+historical_rpfunnelstatusname',
    filters: {
      region: true,
      disqualify: true,
      value_date: true,
      macroregion: true,
      report_week: true,
      report_year: true,
      customerbase: true,
      businesssegment: true,
      historical_rpfunnelstatusname: true,
    },
    measures: [
      'sum(sumforecast_week):sum_sumforecast_week',
    ],
    dimensions: [
      'historical_rpfunnelstatusname',
    ],
  },
  view_class: '1II.stacked-column',
  title: 'Прогноз на отчетную неделю, в млн. руб',
}

Странно, но вот это вполне работает. можно еще с размерами поиграть

xAxis: {
          axisLabel: {
            color: 'black',
            width: 40,
            rotate: 0,
            overflow: 'break',
          },
        },
2 лайка

1 лайк

Спасибо огромное! А как сделать подписи (цифры-метки) не в середине штабеля, а над ним? Потому, что иногда метка находит на подпись на оси.

1 лайк

Тут нужно поиграться.
Либо посматривая сюда Documentation - Apache ECharts
указываете в echart ключ series, а в нем label, таким образом настройки лейбла применятся ко всем лейблам на графике, либо идете в style для соотв. межи или дименшна и указываете там ключ label, объектом. Должен хранить только те ключи, что вы хотите переопределить. Как минимум нужно рассмотреть ключи label под названием offset, distance, align,verticalAlign

1 лайк

Спасибо большое!