把数据以数组形式赋给data
但是说到底,echart是别人写好的数据模型,你需要看他们的配置文档和官方例子,将自己的数据以固定格式往上套>
1 requireconfig({
2 paths: {
3 "echarts": "/Content/js/echarts-204/build/echarts",
4 "echarts/chart/pie": "/Content/js/echarts-204/build/echarts"
5 }
6 });
7 // 使用
8 require(
9 [
10 'echarts',
11 'echarts/chart/pie' // 使用柱状图就加载bar模块,按需加载
12 ],
13 function (ec) {
14 // 基于准备好的dom,初始化echarts图表
15 var myChart = ecinit(documentgetElementById('main'));
16 option = {
17 title: {
18 text: rowProjectName,
19 x: 'center'
20 },
21 tooltip: {
22 trigger: 'item',
23 formatter: "{a}
{b} : {c} ({d}%)"
24 },
25 legend: {
26 orient: 'vertical',
27 x: 'left',
28 data: (function () {
29 var name = [];
30 comajax({
31 type: 'GET',
32 cache: false,
33 url: '/api/Operation/SafetyCheckReport/GetDangerName',
34 data: { "UpCode": DangerType },
35 success: function (d) {
36 for (var i = 0; i < dlength; i++) {
37 namepush(d[i]Name);
38 }
39 }
40 })
41 return name;
42 })()
43 },
44 toolbox: {
45 show: true,
46 feature: {
47 restore: { show: true },
48 saveAsImage: { show: true }
49 }
50 },
51 calculable: false,
52 series: [
53 {
54 type: 'pie',
55 radius: '50%',
56 center: ['50%', '50%'],
57 data: (function () {
58 var arr = [];
59 $ajax({
60 type: 'GET',
61 async: false,
62 cache: false,
63 url: selfurlsquerytow,
64 data: { "ProjectID": rowProjectID, "UpCode": DangerType },
65 success: function (d) {
66 if (d[0]koujian != 0) {
67 arrpush({ value: d[0]koujian, name: '扣件式脚手架'});
68 } else {
69 arrpush({ value: d[0]koujian, name: '扣件式脚手架', itemStyle : { normal: {label : {show: false},labelLine: { show: false }}}});
70 }
71 if (d[0]menshi != 0) {
72 arrpush({ value: d[0]menshi, name: '门式脚手架'});
73 } else {
74 arrpush({ value: d[0]menshi, name: '门式脚手架', itemStyle : { normal: {label : {show: false},labelLine: { show: false }}}});
75 }
76 if (d[0]shuangpai != 0) {
77 arrpush({ value: d[0]shuangpai, name: '双排外竹脚手架'});
78 } else {
79 arrpush({ value: d[0]shuangpai, name: '双排外竹脚手架', itemStyle : { normal: {label : {show: false},labelLine: { show: false }}}});
80 }
81 if (d[0]wankou != 0) {
82 arrpush({ value: d[0]wankou, name: '碗扣式脚手架'});
83 } else {
84 arrpush({ value: d[0]wankou, name: '碗扣式脚手架', itemStyle : { normal: {label : {show: false},labelLine: { show: false }}}});
85 }
86 if (d[0]sanjiao != 0) {
87 arrpush({ value: d[0]sanjiao, name: '三角形钢管悬挑脚手架'});
88 } else {
89 arrpush({ value: d[0]sanjiao, name: '三角形钢管悬挑脚手架', itemStyle : { normal: {label : {show: false},labelLine: { show: false }}}});
90 }
91 if (d[0]xinggang != 0) {
92 arrpush({ value: d[0]xinggang, name: '型钢悬挑脚手架(阳角A)'});
93 } else {
94 arrpush({ value: d[0]xinggang, name: '型钢悬挑脚手架(阳角A)', itemStyle : { normal: {label : {show: false},labelLine: { show: false }}}});
95 }
96 if (d[0]duopai != 0) {
97 arrpush({ value: d[0]duopai, name: '多排悬挑架主梁验算'});
98 } else {
99 arrpush({ value: d[0]duopai, name: '多排悬挑架主梁验算', itemStyle : { normal: {label : {show: false},labelLine: { show: false }}}});
100 }
101 if (d[0]fuzhe != 0) {
102 arrpush({ value: d[0]fuzhe, name: '附着升降脚手架'});
103 } else {
104 arrpush({ value: d[0]fuzhe, name: '附着升降脚手架', itemStyle : { normal: {label : {show: false},labelLine: { show: false }}}});
105 }
106 if (d[0]xuangua != 0) {
107 arrpush({ value: d[0]xuangua, name: '悬挂式吊篮'});
108 } else {
109 arrpush({ value: d[0]xuangua, name: '悬挂式吊篮', itemStyle : { normal: {label : {show: false},labelLine: { show: false }}}});
110 }
111 if (d[0]gangguan != 0) {
112 arrpush({ value: d[0]gangguan, name: '钢管落地卸料平台'});
113 } else {
114 arrpush({ value: d[0]gangguan, name: '钢管落地卸料平台',itemStyle : { normal: {label : {show: false},labelLine: { show: false }}}});
115 }
116 if (d[0]pingtai != 0) {
117 arrpush({ value: d[0]pingtai, name: '型钢悬挑卸料平台'});
118 } else {
119 arrpush({ value: d[0]pingtai, name: '型钢悬挑卸料平台',itemStyle : { normal: {label : {show: false},labelLine: { show: false }}}});
120 }
121 if (d[0]jingjia != 0) {
122 arrpush({ value: d[0]jingjia, name: '井架落地卸料平台'});
123 } else {
124 arrpush({ value: d[0]jingjia, name: '井架落地卸料平台', itemStyle : { normal: {label : {show: false},labelLine: { show: false }}}});
125 }
126 if (d[0]fanghu != 0) {
127 arrpush({ value: d[0]fanghu, name: '防护棚'});
128 } else {
129 arrpush({ value: d[0]fanghu, name: '防护棚', itemStyle : { normal: {label : {show: false},labelLine: { show: false }}}});
130 }
131 if (d[0]mujiao != 0) {
132 arrpush({ value: d[0]mujiao, name: '木脚手架'});
133 } else {
134 arrpush({ value: d[0]mujiao, name: '木脚手架', itemStyle : { normal: {label : {show: false},labelLine: { show: false }}}});
135 }
136 if (d[0]xiedao != 0) {
137 arrpush({ value: d[0]xiedao, name: '斜道'});
138 } else {
139 arrpush({ value: d[0]xiedao, name: '斜道', itemStyle : { normal: {label : {show: false},labelLine: { show: false }}}});
140 }
141 if (d[0]xuantiao != 0) {
142 arrpush({ value: d[0]xuantiao, name: '悬挑防护棚'});
143 } else {
144 arrpush({ value: d[0]xuantiao, name: '悬挑防护棚', itemStyle : { normal: {label : {show: false},labelLine: { show: false }}}});
145 }
146
147 }
148 });
149 return arr;
150 })()
151 }
152 ]
153 };
154 // 为echarts对象加载数据
155 myChartsetOption(option)
156 }
157 );
的使用规则是:电压表要并联在电路中;接线
以上就是关于C# echarts怎么 从数据库里取数据显示出来!求一份源代码 否则根本写不出来 谢谢全部的内容,包括:C# echarts怎么 从数据库里取数据显示出来!求一份源代码 否则根本写不出来 谢谢、echarts.js怎么根后台数据动态更新数据显示、angularjs获取的后台数据怎样在echart中使用等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)