使用HTML渲染Highcharts圖例會導致定位/間距問題

我想浮動我的圖例並將其放在圖表的頂部。我也想放入自定義符號。使用HTML渲染Highcharts圖例會導致定位/間距問題

在我可以添加自定義符號之前，我並不確定如何使用'useHTML'選項來正確對齊圖例。

廣東話的人圖什麼我做錯了，或者這是與highcharts

波奇

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'line' 
     }, 
     title: { 
      text: 'Monthly Average Temperature', 
      x: -20 //center 
     }, 
     legend: { 
      layout: 'horizontal', 
      align: 'right', 
      verticalAlign: 'top', 
      floating: true, 
      verticalAlign: 'top', 
      itemWidth:100, 
      symbolPadding:0, 
      backgroundColor: 'transparent', 
      useHTML:true, 
      x: -10, 
      y:45, 
      borderWidth: 0 
     }, 
     series: [{ 
      name: 'Tokyo', 
      data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6] 
     }, { 
      name: 'New York', 
      data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5] 
     }, { 
      name: 'Berlin', 
      data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0] 
     }, { 
      name: 'London', 
      data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8] 
     }] 
    }); 
});

來源

2017-04-24 Podge

圖例根據您在圖表和CSS中的選項進行定位 - 您希望圖例看起來如何？ – morganfree

這些符號不在其標籤旁邊。他們每個人都有不同的距離，我不明白爲什麼。 – Podge

每個文本的跨度寬度爲70px，並且文本右對齊 - 但每個文本都有不同的寬度，因此符號和文本之間的距離對於每個圖例項目都是不同的。你能拍一張照片，看看傳說應該是什麼樣子？ – morganfree

我有同樣的確切問題的錯誤。我發現從圖例中刪除useHTML：true，使其工作。這是一個錯誤！

來源

2017-10-20 14:05:27 tsm

使用HTML渲染Highcharts圖例會導致定位/間距問題

回答

相關問題