[英]How to center chart title position dynamically inside pie chart in highcharts
我正在做一個響應式餅圖,里面的標題位於中心位置。我用過,
title: {
text: "",
margin: 0,
y:0,
x:0,
align: 'center',
verticalAlign: 'middle',
},
但它並沒有完全集中在圖表中。任何建議都會受到贊賞。謝謝你提前。
這是鏈接: http : //jsfiddle.net/LHSey/128/
更好的是刪除標題並使用渲染器,它允許添加自定義文本,每次重繪(重繪圖表時)。 只有你需要的才能抓住這個事件。
function addTitle() {
if (this.title) {
this.title.destroy();
}
var r = this.renderer,
x = this.series[0].center[0] + this.plotLeft,
y = this.series[0].center[1] + this.plotTop;
this.title = r.text('Series 1', 0, 0)
.css({
color: '#4572A7',
fontSize: '16px'
}).hide()
.add();
var bbox = this.title.getBBox();
this.title.attr({
x: x - (bbox.width / 2),
y: y
}).show();
}
chart:{
events: {
load: addTitle,
redraw: addTitle,
},
}
我們可以使用chart.setTitle()自定義標題的任何屬性,如下所示。我添加了一個標題並將useHTML屬性設置為true。
chart: {
events: {
load: function () {
this.setTitle({text: 'Title',useHTML:true});
}
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.