top of page

Add description to Widget

Here is a method for adding detailed information about the chart and data that will always appear at the bottom of a widget.




Steps:

  1. Create widget

  2. Add below script to widget.

  3. Update text to be displayed and set format of text

  4. Save the script and refresh widget


descriptionSpace = 80

widget.on('processresult',function(se,ev){
	ev.result.chart.spacingBottom = descriptionSpace//to add required space to display description at bottom
})

//Bottom description
widget.on('domready', function(w, args){
	text = 'This is a description. This is a description. This is a description. This is a description. This is a description. This is a description. This is a description. This is a description. This is a description. '
	chart = w.chart[0][Object.keys(w.chart[0])[0]].hc
	chart.renderer.text(text, 15, chart.chartHeight - descriptionSpace+20)
		.css({
			width: chart.chartWidth-15,
			color: '#a0a0a0',
			'font-style': 'italic'
		  })
		.add();
});


コメント

5つ星のうち0と評価されています。
まだ評価がありません

評価を追加
bottom of page