Как обрезать внешние метки на графике js? - PullRequest
0 голосов
/ 07 апреля 2020

Attached image is Radar Chart designed in chart.js How can trim the label of chart and make it like student.... and already we have tool-tip where we can show full name on it.

Как мы можем обрезать метку диаграммы и отображать три точки после, взяв 7 символов метки, например: "" "student ..." "" и уже у нас есть подсказка, где мы можем показать полное имя на нем. Я использую диаграмму. js@2.7.2 версия для лучшей визуализации

  this.canvas = <HTMLCanvasElement> document.getElementById("canvas");
            //this.ctx = this.canvas.getContext("2d");
            this.chart = new Chart('canvas', {
              type: 'radar',

            options: 
            {
            tooltips: {
                enabled: true
            },
              scale:{
                ticks: {
                  callback: function() {return ''}
                },
                gridLines: {
                  drawOnChartArea: false,
                  display: true,
                  drawTicks: false
                },  
              }
            },
            data: {
              labels: ['StudenttTeacherCollegeBnechNo','TallerStudenttTeacherCollegeBnechNo',
              'SmallerStudenttTeacherCollegeBnechNo','BackBencherStudenttTeacherCollegeBnechNo'],

              datasets: [
                {
                  type: 'radar',
                  data: [1,1,1,2],
                }
              ]
            },
          });
          }        
        }

```````````````
...