Echarts后台获取数据绑定详细样例_echarts数据绑定 - CSDN文库

2星需积分: 50 100 浏览量更新于2023-03-16 评论 5 收藏 18KB DOCX 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title></title>

</head>

<body>

<form id="form1" runat="server">

<div>

<div id="pie" style="width:800px;height:600px;"> </div>

</div>

</form>

<script src="../scripts/jquery-1.10.2.min.js"></script>

<script src="esl.js"></script>

<script src="test.js"></script>

</body>

</html>/////////////////////// 以上是 html 或者是 aspx 部分，以下是 js 关键部分///////////

//////////////////////////////////////

$(function () {

var fileLocation = '../Report/echarts';//访问路径

require.config({

paths: {

echarts: fileLocation,

'echarts/chart/line': fileLocation,

'echarts/chart/bar': fileLocation,

'echarts/chart/pie': fileLocation

}

});

// 作为入口

require(

[

'echarts',

'echarts/chart/pie'

],

displayChart

)

});

function displayChart(ec) {

var pieChart = ec.init(document.getElementById('pie')); //饼图

$.post('../ashx/WarehouseInMainHandler.ashx?Method=PieData',

function (data) { //data 返回的数据是 json 格式字符串

var objData = $.parseJSON(data);//把字符串转成对象

var dLegend = [];

var dSource = [];

$(objData.rows).each(function (i, obj) {//遍历

dLegend[i] = obj.WarehouseName;

dSource[i] = { value: obj.Qty.replace('.00', ''), name:

obj.WarehouseName };

//这里是针对某一项进行渲染

if (i == 1) {

dSource[i].itemStyle = {

normal: {

color: (function () {

var zrColor = require('zrender/tool/color');

return zrColor.getRadialGradient(

300, 200, 110, 300, 200, 140,

[[0, 'rgba(255,255,0,1)'], [1,

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

评论3

慢慢是我的小可爱

2017-03-30

数据还是写死的，并没有动态

chen0807

粉丝: 2
资源: 9

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈