为啥origin8.0做饼状图时,图像中的数据与原始数据不同
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为啥origin8.0做饼状图时,图像中的数据与原始数据不同相关的知识,希望对你有一定的参考价值。
这是因为软件并没有把你的Y识别为数据,而是文本形式,你只要把B列数据的百分号去掉,然后再作图就好了追问没用啊,依旧是那样
追答那你去掉%号后数据是不是自动靠右了?如果还是没有显示为数据形式,可以修改属性,在列号位置双击列,弹出属性设置对话框,option-formats下修改为numeric,再试一试,也可以试试在另外一列重新手工输入这些数据,然后作图,我尝试的时候,去掉%号就可以了,显示的比例就是你原始的数据显示的百分比,祝你成功!
参考技术A 做分离式其实就饼图的细节设置即plot details.双击图案出现plot details,pattern是图案设置
labels是标签设置
pie Geometry是饼状图几何设置
pattern包括:
边界(Border):颜色(color),方式(style),宽度(width)
填充(Fill) :fill是填充饼图的颜色等,patter是填充图样(在彩色中选一个就会自动生成其他部分的颜色),pattern是对图样颜色的修改,width即图样间隔的宽度(数值过大会导致看不到效果)
labels包括:
automatic:如果不打勾表示默认的方式,而打勾表示可以修改其中的参数,values是具体多少数值即输入的数字,percentage是所占比例,categorie是种类名称,打勾即在图案周边显示相应的设置值
position(位置):打勾表示可以修改周边显示的距离,不打勾表示默认此距离
pie Geometry包括:
3D view(3D视图):角度转换和饼图宽度的设置
rotation(旋转):start azimuth是开始方位角,填入的是度数 参考技术B 是因为加起来超过100%了,所以数据自己在调整,我也遇到了相同的问题。
如何使用echarts做饼状图
参考技术A <!DOCTYPE html>2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title>饼状图练习</title>
6 <style>
7 #pic1
8 width:400px;
9 height:400px;
10 margin: 20px auto;
11
12 </style>
13 <script src="js/echarts.common.min.js"></script>
14 </head>
15 <body>
16 <div id="pic1"></div>
17 <script>
18 var myCharts1 = echarts.init(document.getElementById('pic1'));
19 var option1 =
20 backgroundColor: 'white',
21
22 title:
23 text: '课程内容分布',
24 left: 'center',
25 top: 20,
26 textStyle:
27 color: '#ccc'
28
29 ,
30 tooltip :
31 trigger: 'item',
32 formatter: "a <br/>b : d%"
33 ,
34
35 visualMap:
36 show: false,
37 min: 500,
38 max: 600,
39 inRange:
40 colorLightness: [0, 1]
41
42 ,
43 series : [
44
45 name:'课程内容分布',
46 type:'pie',
47 clockwise:'true',
48 startAngle:'0',
49 radius : '60%',
50 center: ['50%', '50%'],
51 data:[
52
53 value:70,
54 name:'语言',
55 itemStyle:
56 normal:
57 color:'rgb(255,192,0)',
58 shadowBlur:'90',
59 shadowColor:'rgba(0,0,0,0.8)',
60 shadowOffsetY:'30'
61
62
63 ,
64
65 value:10,
66 name:'美国科学&社会科学',
67 itemStyle:
68 normal:
69 color:'rgb(1,175,80)'
70
71
72 ,
73
74 value:20,
75 name:'美国数学',
76 itemStyle:
77 normal:
78 color:'rgb(122,48,158)'
79
80
81
82
83 ],
84
85 ]
86 ;
87 myCharts1.setOption(option1);
88 </script>
89 </body>
90 </html> 参考技术B 看代码就好:
var myChartones = echarts.init(document.getElementById('Genders'));
var myChartoneoption =
toolbox:
show : true,
feature :
mark : show: true,
dataView : show: true, readOnly: false,
magicType :
show: true,
type: ['pie', 'funnel']
,
restore : show: true,
saveAsImage : show: true
,
legend:
x: 'center',
y: 'bottom',
data:['自理','轻度依赖','中度依赖','严重依赖'],
,
series : [
type:'pie',
radius : [40, 60],
center : ['50%', '50%'],
roseType : 'radius',
,
name:'面积模式',
type:'pie',
radius : [30, 150],
center : ['50%', '50%'],
roseType : 'area',
data:[
value:10, name:'自理',itemStyle:normal:color:'#f03f37',
value:5, name:'轻度依赖',itemStyle:normal:color:'#f7941c',
value:15, name:'中度依赖',itemStyle:normal:color:'#f86961',
value:25, name:'严重依赖',itemStyle:normal:color:'#bf1d2d'
]
]
myChartones = document.getElementById('Genders');
var myChartone= echarts.init(myChartones);
var resizeContainers = function (obj)
myChartones.style.width = (window.innerWidth/2) +'px';
myChartones.style.height = (window.innerHeight/2)+'px';
;
resizeContainers(myChartones);
myChartone.resize();
myChartone.setOption(myChartoneoption);
$(window).resize(function()
resizeContainers(myChartones);
myChartone.resize();
);
以上是关于为啥origin8.0做饼状图时,图像中的数据与原始数据不同的主要内容,如果未能解决你的问题,请参考以下文章