echarts 动态写入数据（demo）

引用相关js,css文件

  <  src=\"/resource/echart/echarts.min.js\"></ >
  <  rel=\"stylesheet\" href=\"/resource/echart/css/echarts_part.css\">

echart图表的放置位置：

<div style=\"text-align:left;float:left;width:80%;height:110px;\" id=\"ask_info\"></div>

< >

var   ask_info = echarts.init(document.getElementById(\'ask_info\'));
var   option_ask_info = {
			tooltip : {
			trigger: \'axis\',
			axisPointer : {            // 坐标轴指示器，坐标轴触发有效
				type : \'shadow\'        // 默认为直线，可选为：\'line\' | \'shadow\'
			}
		},
		legend: {
			data: [],
		},
		grid: {
			left: \'3%\',
			right: \'4%\',
			bottom: \'3%\',
			containLabel: true
		},
		xAxis:  {
			type: \'value\'
		},
		yAxis: {
			type: \'category\',
			data: [\'数据分布\']
		},
		series: [
			
		]
	};
	
	$(document).ready(function(){
		  $.each(data_json, function(k, v){
				option_ask_info.legend.data.push(k);//动态添加
				$obj={
					name: k,
					type: \'bar\',
					stack: \'总量\',
					label: {
						normal: {
							show: true,
							position: \'insideLeft\'
						}
					},
					data:[v],
				},
				option_ask_info.series.push($obj);//动态添加对象
			});
			ask_info.setOption(option_ask_info);
	})
</ >