js echarts圆环饼状图中怎样设置斜杠前后数据不一样的样式

JavaScript016

js echarts圆环饼状图中怎样设置斜杠前后数据不一样的样式,第1张

1、打开jsecharts圆环饼状图文档，选择任一空白单元格，点击右键-设置单元格格式。

2、在弹出的设置单元格格式对话框中，点击边框，点单元格边框斜线样式。

3、在单元格内，输入表头字段，如项目时间项目阶段，然后将鼠标放在“项目时间”后，使用ALT+ENTER实现强制换行。

4、通过空格键，将“项目时间”移至合适的位置，即可。jsecharts圆环饼状图中这样设置斜杠前后数据不一样的样式。

有用SVG的方法

还有用HTML5的canvas控件

不过这个如果用源生方法的话比较复杂

你可以用一些已经有的框架来做

比如说:Dojo Charting

这是一个JS库.

你可以参考下

http://blog.csdn.net/dojotoolkit/archive/2010/10/28/5972462.aspx

还有就是一些有名气的JS库

比如:Ext4.0版本的chart类

示例如下:

http://dev.sencha.com/deploy/ext-4.0-beta3/examples/#sample-3

JS框架都是一般兼容的

去看echarts官网实例网页链接

label: { //标签的位置

            normal: {

                show: true,

                position: 'inside', //标签的位置

                formatter: "{d}%",

                textStyle: {

                    color: '#fff',

                }

            }

        }

调整label属性就行了