Highcharts：積分在多個行上

我想在各種Highcharts圖表的積分中顯示圖形數據的來源。然而，這個來源的字符串有時可能很長，並且不適合在單行上。我可以手動設置信用點的y值和圖表的spacingBottom，但是因爲我有超過50個圖形，它們有不同的來源/信用（有些可以放在一條線上，有些不會），有沒有辦法設置自動覆蓋所有可能性的默認選項？Highcharts：積分在多個行上

一個簡單的在這裏小提琴，顯示額外的文本被切斷：http://jsfiddle.net/kFskZ/

來源

2012-08-16 The Jakester

我不知道，如果這就是你想要什麼。

使用Highcharts.setOptions。

var options = { 
    credits: { 
     text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam suscipit nulla a elit porta vitae condimentum eros vehicula. Nam rhoncus mattis turpis quis rhoncus. Fusce pulvinar faucibus odio, at ultricies diam dignissim et. Donec at nibh est, quis posuere purus.', 
    style: { 
     width: 300 
    }, 
     position: { 
      align: 'left', 
      x: 10 
     } 
    }  
}; 

Highcharts.setOptions(options);

demo

更新：
有很多可能性。
您可以更改legend的位置並增加您的圖例width。 demo

來源

2012-08-16 17:15:37

不，我要的是在全部顯示在示例中的「Lorem存有」文本。現在只顯示一行「Lorem ipsum dolor sit amet，consectetur adipiscing elit。Etiam」。我希望解決方案具有靈活性，以便根據信用文本的長度，圖表區域的大小會增長以顯示完整的信用字符串。 – 2012-08-16 17:28:38

這似乎是一個SVGs的問題，因爲沒有辦法在SVG中自動換行文本 - 你需要手動計算你想要的行，然後在你的'text'元素中爲每個行添加多個'tspan'元素。我會向HighCharts團隊提交一個問題，看他們是否可以在未來的版本中解決這個問題。 – Kwal 2013-02-22 22:48:59

我通過使用credits的'position'選項和放置html break標籤來創建換行符來解決這個問題。我必須不停地搞亂位置，直到所有文字都可以按需顯示。見文檔在 http://www.highcharts.com/docs/chart-design-and-style/design-and-style

credits: { 
    text: 'Powered by ACIS<br/>Western Regional Climate Center', 
    href: 'http://wrcc.dri.edu', 
    position: { 
     align: 'right', 
     verticalAlign: 'bottom', 
     x: -20, 
     y: -20 
    } 
},

來源

2015-03-19 23:04:49 nina

Highcharts：積分在多個行上

回答

相關問題