第一步，新建静态页面barhtml，修改title并引入echarts js文件
第二步，添加条状图容器，在<body></body>插入一个div，并给出id属性和宽度高度
第三步，编写生成条状图的js代码，添加数据和样式
第四步，预览该图形界面，可以看到效果图
第五步，编写点击条状图的柱子，然后获取它们的name和value
第六步，再次预览该界面，打开浏览器的控制台，查看打印结果
样例在这里，官网有，
>
首先你还是先setoption,
然后可以类似样例一样，通过addData方法，addData之前，先通过ajax请求封装数据，然后赋值到addData方法中即可。以下是echarts提供的
myChartaddData([[
0, // 系列索引
Mathround(Mathrandom() 1000), // 新增数据
true, // 新增数据是否从队列头部插入
false // 是否增加队列长度，false则自定删除原有数据，队头插入删队尾，队尾插入删队头
],
[
1, // 系列索引
lastData, // 新增数据
false, // 新增数据是否从队列头部插入
false, // 是否增加队列长度，false则自定删除原有数据，队头插入删队尾，队尾插入删队头
axisData // 坐标轴标签
]
]);
}, 2100);
没接触过net。可以参考下面的php代码：
var i = 0;<php foreach ($resultSet as $key => $value) { >
seriespush({
name: '<php echo $value["name"] $value["name"]; >',
type: 'line',
tiled: '总量',
data: [
<php echo $value["name"]; >,<php echo $value["name"]; >,
<php echo $value["name"]; >,<php echo $value["name"]; >
]
});
legend[i] = '<php echo $value["name"]; >';
i++;
<php } >
上面的代码是循环遍历赋值的部分，就是动态数据的关键代码，其他的部分请参考官网说明。
Echarts是前端的图表，百度上有Demo的，只要从后台向前台传递json数据，解析下绑定到Echarts上，即可显示效果。
步骤：
后台取到数据，转化为json；
前台获取到json，改写Echarts调用的js；
以上就是关于如何利用echarts图表获取条状图点击名称和值全部的内容，包括:如何利用echarts图表获取条状图点击名称和值、Echart根据ajax发送POST请求后的数据动态画图、在aspnet怎么用Echarts做出动态的数据图形等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）