echarts 怎么链接myaql

var myChart

//创建ECharts图表方法

function DrawEChart(ec) {

//--- 折柱 ---

myChart = ec.init(document.getElementById('main'))

//图表显示提示信息

myChart.showLoading({

text: "图表数据正在努力加载..."

})

//定义图表options

var options = {

title: {

text: "通过Ajax获取数据呈现图标示例",

subtext: "www.stepday.com",

sublink: "http://www.stepday.com/myblog/?Echarts"

},

tooltip: {

trigger: 'axis'

},

legend: {

data: []

},

toolbox: {

show: true,

feature: {

mark: false

}

},

calculable: true,

xAxis: [

{

type: 'category',

data: []

}

],

yAxis: [

{

type: 'value',

splitArea: { show: true }

}

],

series: []

}

//通过Ajax获取数据

$.ajax({

type: "post",

async: false, //同步执行

url: "/Ajax/GetChartData.aspx?type=getData&count=12",

dataType: "<a href="https://www.baidu.com/s?wd=json&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLuH01uWR4nH6Ynjf3P1b10ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3En1m4Pjc3n1R4PjDLPHbvnHmY"

target="_blank"

class="baidu-highlight">json</a>", //返回数据形式为<a

href="https://www.baidu.com/s?wd=json&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLuH01uWR4nH6Ynjf3P1b10ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3En1m4Pjc3n1R4PjDLPHbvnHmY"

target="_blank" class="baidu-highlight">json</a>

success: function (result) {

if (result) {

//将返回的category和series对象赋值给options对象内的category和series

//因为xAxis是一个数组 这里需要是xAxis[i]的形式

options.xAxis[0].data = result.category

options.series = result.series

options.legend.data = result.legend

myChart.hideLoading()

myChart.setOption(options)

}

},

error: function (errorMsg) {

alert("不好意思，大爷，图表请求数据失败啦!")

}

})

}

echarts 中自定义 tooltip 的属性是 formatter ，它是一个方法，主要是讲一下怎么将自定义的值显示在 tooltip 中，因为自己刚开始用的时候，还是查了半天的。

当未定义的时候，数据如下：

tooltip 显示如下：

当 hover 最后一条数据的时候，输出如下：

此时再次 hover 的时候，显示就变为

---