js前台给echarts赋值

Posted myfighting

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js前台给echarts赋值相关的知识,希望对你有一定的参考价值。

技术图片

 

 

技术图片

 

 

 


//资金变化趋势
function initChart22(theme) {
// var data = JSON.parse(‘{data:‘+chartInfo[0].zjbhqs+‘}‘)
// data = data.data
var data = JSON.parse(chartInfo[0].zjbhqs)
var legends = []
var zjbhqs = []

for(var i = 0; i < data.length;i++) {
legends.push(data[i].year)
zjbhqs.push(data[i].zjbhqs)
}
var option = {
tooltip: {
trigger: ‘axis‘,
axisPointer: {
type: ‘cross‘,
crossStyle: {
color: ‘#999‘
}
}
},
grid: {
top: 30,
bottom: 30
},
xAxis: [
{
type: ‘category‘,
data: legends,
axisPointer: {
type: ‘shadow‘
},
splitLine: false
}
],
yAxis: [
{
type: ‘value‘,
name: ‘‘,
min: 0,
splitLine: false
}
],
series: [
{
name: ‘资金‘,
type: ‘bar‘,
data: zjbhqs,
barMaxWidth: 50,
barMinWidth: 10
}
]
};
chart8 = echarts.init(that.$(‘#chart2-2‘)[0], theme);
chart8.setOption(option);
}

以上是关于js前台给echarts赋值的主要内容,如果未能解决你的问题,请参考以下文章

怎么用java编写echarts代码

新手求助echarts关系图

.net如何在后台将某一变量的值传值给前台js

ECharts 力导向布局图怎么将数据库里的数据赋值给各个节点

MVC后台数据赋值给前端JS对象

Html页面中select下拉列表框别样用法,一个方法一劳永逸。