| |
| var posList = [ |
| 'left', 'right', 'top', 'bottom', |
| 'inside', |
| 'insideTop', 'insideLeft', 'insideRight', 'insideBottom', |
| 'insideTopLeft', 'insideTopRight', 'insideBottomLeft', 'insideBottomRight' |
| ]; |
| |
| app.configParameters = { |
| position: { |
| options: posList.reduce(function (map, pos) { |
| map[pos] = pos; |
| return map; |
| }, {}) |
| }, |
| distance: { |
| min: 0, |
| max: 100 |
| } |
| }; |
| |
| app.config = { |
| position: 'top', |
| distance: 20, |
| onChange: function () { |
| myChart.setOption({ |
| series: { |
| type: 'scatter', |
| label: { |
| normal: { |
| position: app.config.position, |
| distance: app.config.distance |
| } |
| } |
| } |
| }); |
| } |
| }; |
| |
| |
| |
| option = { |
| series: [ |
| { |
| type: 'scatter', |
| symbolSize: 160, |
| symbol: 'roundRect', |
| data: [[1, 1]], |
| label: { |
| normal: { |
| |
| position: app.config.position, |
| distance: app.config.distance, |
| |
| show: true, |
| formatter: [ |
| 'Label Text', |
| ].join('\n'), |
| backgroundColor: '#eee', |
| borderColor: '#555', |
| borderWidth: 2, |
| borderRadius: 5, |
| padding: 10, |
| fontSize: 18, |
| shadowBlur: 3, |
| shadowColor: '#888', |
| shadowOffsetX: 0, |
| shadowOffsetY: 3, |
| textBorderColor: '#000', |
| textBorderWidth: 3, |
| color: '#fff' |
| } |
| } |
| } |
| ], |
| xAxis: { |
| max: 2 |
| }, |
| yAxis: { |
| max: 2 |
| } |
| }; |