求一个 简单易懂的echarts 动态调用数据库的原理说明（asp.net后台）

Echarts是前端的图表，百度上有Demo的，只要从后台向前台传递json数据，解析下绑定到Echarts上，即可显示效果。

步骤：

后台取到数据，转化为json；

前台获取到json，改写Echarts调用的js；

我这个是使用的echarts的饼图，如果需要使用到其他的图形，可以在echarts的官网上面去找找，上面各种的图都有例子

option = {

title : {

//图中2的位置

text: '某站点用户访问来源',

subtext: '纯属虚构',

x:'center'

},

tooltip : {

trigger: 'item',

formatter: "{a} <br/>{b} : {c} ({d}%)"

},

legend: {

orient: 'vertical',

left: 'left',

data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']//图中1的位置

},

series : [   //图中3的位置

{

name: '访问来源',

type: 'pie',

radius : '55%',

center: ['50%', '60%'],

data:[

//这下面就是你从数据库中查询的结果

{value:335, name:'直接访问'},

{value:310, name:'邮件营销'},

{value:234, name:'联盟广告'},

{value:135, name:'视频广告'},

{value:1548, name:'搜索引擎'}

],

itemStyle: {

emphasis: {

shadowBlur: 10,

shadowOffsetX: 0,

shadowColor: 'rgba(0, 0, 0, 0.5)'

}

} }]}

数据具体怎么从后台传送到前台来，楼主应该知道的吧，我这儿就不说了，望采纳！

在后台的controller中用Map<String, double[]>geocoordMap=new HashMap<String, double[]>()来存储地理经纬度数据，例如：

String key="上海"

double[] value=new double[]{121.550544,31.227384}

geocoordMap.put(key, value)

需要标记多少个点，就put几个(key,value)到geocoordMap里面，然后将geocoordMap以json格式传到前台，var geoCoordData=data取值；直接在option里面写： geoCoord: geoCoordData, 即可

---