word break legend - eCharts

I want to break the legend text line of a pie chart.

I tried following the documentation of the echarts website but I did not succeed.

    legend: {
      orient: 'vertical',
      left: '50%',
      top: 'center',
      data: mydata['data']['categoriestype'],
      textStyle: {
        color: '#CAD3DF',
        fontSize: '14',
        fontFamily: 'Roboto',
        rich: {
          mychart: {
            width: '10'
          }
      },
    },
  },

Solution

Same question with ECharts. How to apply width on title?

Seems echarts cannot support line break right now.

There is an issue in github

Currently, auto line wrap is not supported. So text with only make sense on text background. We should take into account the implementation of auto line wrap, although it is not easy.