как использовать свойство line-height в ярлыках старшей диаграммы - PullRequest
Новая
       19

как использовать свойство line-height в ярлыках старшей диаграммы

0 голосов
/ 28 апреля 2018

Попытайтесь задать расстояние между строками в опции меток старшей диаграммы.

enter image description here

но ничего не могу сделать со свойством css, таким как line-height, если вы, ребята, знаете что-нибудь эквивалентное этому, пожалуйста, дайте мне знать, что ... 

labels:{
  items:[{
        html:"This is first lineof the  label<br>this second line of the 
              label<br>this is third line of the label",
        style:{
                 top:5,
                 left:30
              }
          },{
        html:"This is first lineof the  second label<br>this second line of 
           the second label<br>this is third line of the label",
        style:{
            top:5,
            left:250
         }
     }]

},

а это моя скрипка

1 Ответ

0 голосов
/ 28 апреля 2018

Вы можете установить line-height в style следующим образом: 

Highcharts.chart('container', {
  labels: {
    items: [{
      html: "This is first lineof the  label<br>this second line of the label<br>this is third line of the label",
      style: {
        top: 5,
        left: 30,
        lineHeight: '30px' // set style here
      }
    }, {
      html: "This is first lineof the  second label<br>this second line of the second label<br>this is third line of the label",
      style: {
        top: 5,
        left: 250,
        lineHeight: '30px' // set style here
      }
    }]
  },
  plotOptions: {
    series: {
      label: {
        connectorAllowed: false
      },
      pointStart: 2010
    }
  },
  legend: {
    enabled: false
  },
  credits: {
    enabled: false
  },
  series: [{
    name: 'Installation',
    data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
  }]
});
#container {
  min-width: 310px;
  max-width: 800px;
  height: 400px;
  margin: 0 auto
}

#container text tspan {
  line-height: 12px;
}
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/series-label.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>

<div id="container"></div>
...