I am using echarts
for visualizing some data in my web-application. I am using basic gauge chart for the visualization. If you notice the image below, there is too much padding in the chart. I would like to remove those padding and ideally have the chart occupy 100% of the space within the container?
Here is the javascript code:
// Setup chart gauge_basic_options = {
// Add title
//title: {
// text: 'Server resources usage',
// subtext: 'Random demo data',
// x: 'center'
//},
// Add tooltip
tooltip: {
formatter: "{a} <br/>{b}: {c}%"
},
// Add series
series: [
{
name: 'Total Invoices',
type: 'gauge',
center: ['50%', '55%'],
detail: {formatter:'{value}%'},
data: [
{value: 50, name: 'Total Invoices'}
]
}
]
};
Any idea how to do it?