<div class="chart-pic">
<div id="divMainBar" class="chart"></div>
</div>
<!-- ECharts单文件引入 -->
<script type="text/javascript" src="<c:url value="/scripts/echarts/echarts.js"/>"></script>
<script type="text/javascript">
var xAxisDataJson = [];
var seriesDataJson = [];
$.ajax({
url:"${ctx}/backoffice/Unitinfo/subJson.do",
type:"post",
async:false,
success:function(data){
$.each(data,function(index,obj){
xAxisDataJson.push(obj.name);
seriesDataJson.push(obj.code);
});
}
});
var barData = {
xAxisData:function(){
return xAxisDataJson;
},
seriesData:function(){
return seriesDataJson;
}
};
var optionBar = {
tooltip: {
trigger: 'item'
},
toolbox: {
show: true,
feature: {
echarts 实例(一:动态数据)
最新推荐文章于 2024-08-19 07:00:00 发布
该博客通过一个实例展示了如何利用ECharts库动态加载并显示数据。内容包括从后台获取数据,设置ECharts配置项,如X轴和Y轴类型,以及如何在页面上创建并初始化ECharts图表。此外,还提供了窗口自适应调整图表大小的解决方案。
摘要由CSDN通过智能技术生成