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

JavaScript07

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

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

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

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

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

去看echarts官网实例网页链接

label: { //标签的位置

            normal: {

                show: true,

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

                formatter: "{d}%",

                textStyle: {

                    color: '#fff',

                }

            }

        }

调整label属性就行了

在 HTML 页面上显示出有交互的统计图有2种方法：

一、用JavaScript做出饼状图或柱形图，需要精通JS代码。

二、利用第三方网站提供的组件：

1、Open Flash Chart是一个开源的Flash制图组件。

2、 XML SWF Charts是一个简单，但强大，利用Flash和动态生成XML数据来产生web chart的工具。

3、 Flotr是一个基于Prototype开发的javascript绘图工具。支持图例，鼠标跟踪，图片区域选择，图片缩放，添加事件钩子（event hook），通过CSS设置样式等。

4、FusionCharts Free是一个制图组件用于创建好看，数据驱动，拥有动画效果的Flash charts。它能够与PHP、Python、Ruby on Rails、ASP、http://ASP.NET、JSP、ColdFusion、HTML页面等一起使用。这个组件是FusionCharts的免费版，但功能仍然很强大。