echarts饼图如何设置文字显示在图内还是图外

echarts饼图在显示的时辰,每个扇区显示的文字,若何显示在扇区内部,别的一些环境,若何将其显示在图形外部,并在每个扇区伸出一根指示线呢?

东西/原料

  • echarts

方式/步调

  1. 1

    打开浏览器,进入echarts官网的实例界面,点击左侧的饼图菜单,再点击【Referer of a website】饼图

  2. 2

    进入这个实例图形后,就可以看到默认的饼图扇区文字是在外面的,而且有一根指示线

  3. 3

    若是想把这些文字放到各个扇区内部去,该怎么做呢?起首,需要点窜左侧option的series内容,在data后面或者前面添加:

        label: { normal: { show: true, position: 'inner' }

  4. 4

    点窜完当作后,右侧的图形就会主动刷新,若是没有主动刷新,就点击左侧右上角的运行。这个时辰,右侧图形就可以看到各个扇区的文字就到了内部去了

  5. 5

    若何把第3步添加的show属性值点窜为false,会是怎么样的呢? 

         label: { normal: { show: false, position: 'inner' }

  6. 6

    点窜完当作后,右侧就可以看到饼图各个扇区都没有文字显示了

  7. 7

    所以,要显示扇区文字,必需要show属性设置为true,这个默认就是true值,只有当某些环境被设置为false之后,才需要点窜。别的,默认文字是显示在扇区外部的,想要显示在内部,就点窜position的值为inner即可。最后,若是position是肆意值,好比123,并不会报错,也会当做默认显示

  • 发表于 2019-03-28 22:01
  • 阅读 ( 3870 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具