用HighCharts顯示不同側的字幕部分

我有HichChart和subTitle。我想對它進行設計，這篇文章的一部分在左邊，另一部分在右邊。用HighCharts顯示不同側的字幕部分

我試過使用內聯css來做到這一點，並打開html for subTitle。

Sample我有什麼

subtitle: { 
    text: '<b>This is</b>&nbsp;<span style="float : right !important;text-align: right !important;">the subtitle</span>', 
    floating: true, 
    align: 'left', 
    x: 100, 
    y: 60, 
    useHTML : true 
}

但是，這並沒有幫助。

來源

2017-03-13 demo

這是不是最佳的，但是你可以重寫的CSS樣式這樣fiddle

#container .highcharts-container .highcharts-subtitle { 
    width:calc(100% + -120px); /*customize this to your needs*/ 
}

希望它可以幫助

來源

2017-03-13 12:51:46

我添加了一個合適的位置，字幕，以便它有一個完整的寬度，否則你的浮動什麼都不做，唯一不明白的是爲什麼我必須添加與x相同值的左邊位置，以便「字幕文本」不會在圖表之外結束。

這是我加入

style: { "right":"10px", "left": "100px" }

如果您想了解更多保證金的權利，只是增加正確的屬性

全小提琴這裏http://jsfiddle.net/h70sj57r/4/

，這是怎麼樣子，如果我不要添加左邊的位置（再次我沒有ideea它做了什麼計算，所以你需要添加這個）http://jsfiddle.net/h70sj57r/5/

來源

2017-03-13 13:06:02

難道是索姆ehow也應用於導出？ http://jsfiddle.net/h70sj57r/6/ – demo

它的工作原理，但你需要將exporting.allowHTML設置爲true - http://jsfiddle.net/h70sj57r/8/ – morganfree

用HighCharts顯示不同側的字幕部分

回答

相關問題