1、打开jsecharts圆环饼状图文档,选择任一空白单元格,点击右键-设置单元格格式。
创新互联建站专注于企业全网整合营销推广、网站重做改版、黄埔网站定制设计、自适应品牌网站建设、H5场景定制、商城网站建设、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为黄埔等各大城市提供网站开发制作服务。
2、在弹出的设置单元格格式对话框中,点击边框,点单元格边框斜线样式。
3、在单元格内,输入表头字段,如项目时间项目阶段,然后将鼠标放在“项目时间”后,使用ALT+ENTER实现强制换行。
4、通过空格键,将“项目时间”移至合适的位置,即可。jsecharts圆环饼状图中这样设置斜杠前后数据不一样的样式。
希望这个程序给你带来帮助:可以使用
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
这个目前常用的是无法画的,只能使用flash或applet等辅助,但是在html5里边的js支持了----但像常用的ie都不是很支持html。。。
去看echarts官网实例网页链接
label: { //标签的位置
normal: {
show: true,
position: 'inside', //标签的位置
formatter: "{d}%",
textStyle: {
color: '#fff',
}
}
}
调整label属性就行了
推荐基于webGL的3D框架类库!three.js的知名度很高,在开源中国、思否、掘金等技术社区会有很多应用指导案例,很多人问我是不是需要学webGL,three.js正是对webgl进行了封装,提供更高层的渲染接口,不用重新学习3D绘图底层逻辑。
题主没有提供太多背景信息,是否具备中高级前端开发基础?three.js相对于初学者门槛很高,需要花费更多的时间,一个加载模型、调光、选择模型弹框的功能,就能写出Threejs上百行代码。
有一个针对前端转3D开发初学者的解决方案,推荐thingjs在线平台,开发体验比较如下:
提醒一下,three.js并没有特定的行业应用,属于技术研究范畴;thingjs专注于物联网3D可视化领域,对于智慧城市、智慧工厂、安全消防、城市交通可视化应用开发者非常友好!做前端技术应用,推荐物联网3D商业项目方向,15万个开发者的一致选择!