>source

이 섹션의 제목에 너무 많은 문자가 있으면 보기가 매우 어렵습니다. 그래서 항상 보이는 부분에서 글자 수를 제한하고 싶습니다. 또한 마우스를 가져갔을 때 팝업에서 제목의 모든 글자를 볼 수 있도록 하고 싶습니다.

이것은 내 jsfiddle입니다

Highcharts.chart('container', {
  accessibility: {
    point: {
      descriptionFormatter: function(point) {
        var intersection= point.sets.join(', '),
          name= point.name,
          ix= point.index + 1,
          val= point.value;
        return ix + '. Intersection: ' + intersection + '. ' +
          (point.sets.length > 1 ? name + '. ' : '') + 'Value ' + val + '.';
      }
    }
  },
  tooltip: {
    pointFormat: 'data: {point.name}',
  },
  series: [{
    type: 'venn',
    name: 'ユーザー名',
    data: [{
      sets: ['Good'],
      value: 2,
      name: 'When there are too many characters in the title of this section, it is very difficult to see. Therefore, I would like to limit the number of characters in the part that is always visible. Also, I would like to be able to see all the letters of the title in the popup when the mouse is hovered.',
      overflow: 'allow',
      crop: false
    }, {
      sets: ['Cheap'],
      value: 2
    }, {
      sets: ['Good', 'Cheap'],
      value: 1,
    }]
  }],
  title: {
    text: 'The Unattainable Triangle'
  }
});

그러나 제목이나 범례와 같은 요소의 레이아웃 및 위치는 CSS로 제어할 수 없습니다.

CSS로 스타일을 지정할까도 생각했는데 CSS로 title 속성을 제어할 수 없다고 들었습니다.

다른 방법이 있습니까?

하고 싶은 것

  • 문자가 너무 많으면 이름을 줄이세요.
  • 마우스를 올리면 전체 텍스트 표시
  • 이전 android : 인텐트를 사용할 때 이메일 본문이 표시되지 않음
  • 다음 python : 파이썬 리스트 if 문 단순화