javascript饼图,r语言饼图加图例

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

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

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

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

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

相关问答

Q1: javascript怎样给饼图填色?

希望这个程序给你带来帮助：可以使用

HTML xmlns:v

HEADTITLE?/TITLE

META http-equiv=Content-Type content=text/html;charset=gb2312

STYLE

v\:* {

BEHAVIOR: url(#default#VML)

}

/STYLE

SCRIPT language=javascript

function init(){

var ssarr=new Array(200,100,200,80,100,50);

var cxx=200,cyy=150,rx=200,ry=150;

drawPie(cxx,cyy,rx,ry,ssarr);

}

function drawPie(cx,cy,rx,ry,sarr){

var total=0;

var colorsh=new Array('#ff0000','#0033FF','#aa4400','#33ffff','#FF00FF');

for(var i=0;isarr.length;i++){ total+=sarr[i]; }

for(var i=0;isarr.length;i++){ sarr[i]=sarr[i]/total; }

var startang=0;

for(var i=0;isarr.length;i++){

var endang=Math.round(23592960*sarr[i]);

var colorindex=i % colorsh.length;

if((colorindex==0) (i==(sarr.length-1))) colorindex++;

var thiscolor=colorsh[colorindex];

drawfan(cx,cy,rx,ry,startang,endang,thiscolor);

startang+=endang;

}

}

function drawfan(cx,cy,rx,ry,startang,endang,thiscolor){

/* 画扇形

(cx,cy) 中心坐标

rx 一个半径 ry 另一个半径

startang,endang 起始角度和结束角度

thiscolor 填充颜色

*/

var mapone=document.createElement("v:shape path=\"m "+cx+" "+cy+" al "+cx+" "+cy+" "+rx+" "+ry+" "+startang+" "+endang+" l "+cx+" "+cy+" e\" style=\"position:relative;rotation:0;WIDTH:400;HEIGHT:300;\" coordsize = \"400,300\" fillcolor=\""+thiscolor+"\" strokecolor=\""+thiscolor+"\" strokeweight=\"1pt\"/v:shape");

group1.appendChild(mapone);

}

/SCRIPT

/HEAD

BODY onload=init();

v:group

id=group1

style="left:0;top:0;WIDTH: 400px; POSITION: absolute; HEIGHT: 300px; rotation: 0" coordsize="400,300"

v:line from="0,0" to="400,0"/

v:line from="400,0" to="400,300"/

v:line from="400,300" to="0,300"/

v:line from="0,300" to="0,0"/

/v:group

/BODY

/HTML

Q2: 怎样用js 画柱状图 饼图 和 曲线图

这个目前常用的是无法画的，只能使用flash或applet等辅助，但是在html5里边的js支持了----但像常用的ie都不是很支持html。。。

Q3: 怎么用js让饼状图的扇面中心位置上显示百分比?

去看echarts官网实例网页链接

label: { //标签的位置

            normal: {

                show: true,

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

                formatter: "{d}%",

                textStyle: {

                    color: '#fff',

                }

            }

        }

调整label属性就行了

Q4: js 做3D的柱状图和饼状图的js库有哪些？求大神们介绍。只限制js库，或者纯javascript。谢谢~~

推荐基于webGL的3D框架类库！three.js的知名度很高，在开源中国、思否、掘金等技术社区会有很多应用指导案例，很多人问我是不是需要学webGL，three.js正是对webgl进行了封装，提供更高层的渲染接口，不用重新学习3D绘图底层逻辑。

题主没有提供太多背景信息，是否具备中高级前端开发基础？three.js相对于初学者门槛很高，需要花费更多的时间，一个加载模型、调光、选择模型弹框的功能，就能写出Threejs上百行代码。

有一个针对前端转3D开发初学者的解决方案，推荐thingjs在线平台，开发体验比较如下：

提醒一下，three.js并没有特定的行业应用，属于技术研究范畴；thingjs专注于物联网3D可视化领域，对于智慧城市、智慧工厂、安全消防、城市交通可视化应用开发者非常友好！做前端技术应用，推荐物联网3D商业项目方向，15万个开发者的一致选择！