[GitHub] [incubator-echarts] 18124772589 commented on issue #11424: 数据量过多时，sunburst旭日图显示有溢出

[GitBox <gi...@apache.org>]

18124772589 commented on issue #11424: 数据量过多时，sunburst旭日图显示有溢出
URL: https://github.com/apache/incubator-echarts/issues/11424#issuecomment-545798633
 
 
   let myChart = echarts.init(this.$refs.sunburstWarp)
               let option = {
                   // 是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。
                   animationThreshold: 5000,
                   tooltip: {
                       padding: [6, 7, 7, 8],
                       position: function (point, params, dom, rect, size) {
                           // console.log(point, params, dom, rect, size)
                           return [point[0] + 15, point[1] - 30]
                       },
                       extraCssText: 'box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.15);background: rgba(0, 0, 0, 0.75)',
                       formatter: function (params) {
                           // console.log(params)
                           if (!params.data.name) return ''
                           return `${params.data.name}：${params.data.count}人`
                       },
                   },
                   series: {
                       radius: ['0%', '92%'],
                       center: ['49%', '50%'],
                       type: 'sunburst',
                       sort: null,
                       highlightPolicy: 'none',
                       nodeClick: 'rootToNode',
                       data: this.projectRelationList,
                       levels: [
                           {
                               itemStyle: {
                                   color: 'rgb(232, 236, 239)'
                               },
                           }
                       ],
                       emphasis: {
                           itemStyle: {
                               color: 'rgb(252, 184, 19)'
                           }
                       },
                       label: {
                           show: false
                       },
                       itemStyle: {
                           borderWidth: 0.5
                       }
                   }
               }
               myChart.setOption(option, {isvisible: true})

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org