C# echarts怎么 从数据库里取数据显示出来!求一份源代码 否则根本写不出来 谢谢

C# echarts怎么 从数据库里取数据显示出来!求一份源代码 否则根本写不出来 谢谢,第1张

数据以数组形式赋给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中使用等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9762911.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存