xAxis : [
{
type : 'category',
boundaryGap : false,
data : ['周一','周二','周三','周四','周五','周六','周日']
}
],
yAxis : [
{
type : 'value',
axisLabel : {
formatter: '{value} °C'
}
}
]
}
x,y分别是设置x轴和y轴的文字
其中 y周轴 是通过值+文字的形式组成的
参考
//http://echarts.baidu.com/echarts2/doc/example.html/ 如果要用jquery触发进行跳转,那么a标签中【必须要有其它子标签】,然后触发该子类标签才能进行跳转<a href="http://www.baidu.com" target="_blank"><p>baidu</p>// 要有子标签</a>1234
// 这里触发的是a标签中的p标签$('a#toMain>p').trigger('click')
要想实现自动跳转的话,需要改成如下写法:
使用原生的JavaScript写法:
document.getElementById("insignia").click()使用`JQuery`写法:$("#insignia")[0].click()
在echarts中,tooltip和label都可以显示文字,并且可以加上相应的样式。
tootip可以传入字符串html进行显示,而label则不行
在目前的最新版本中(4.6.0),label显示需要添加样式则需要借助rich属性。
下面介绍两种使用方式,并且把归纳的结论奉上(目前没有去看源码,属于通过现象归纳用法的过程)。
第一种方式:通过直接给label属性下的formatter赋值字符串,如同下面的配置
这个时候{}中的b和c会被分别解析为名称和数据,这个地方echarts官方文档有介绍。
此时需要添加样式则需要解析 rich 中设置的样式,写法为 {fz|} 。
第二种方式:通过formatter的回调函数进行设置,如下图
通过回调函数返回的字符串中,样式的引入没有变化,和直接返回一样,但是数据不再和直接返回时一样可以直接使用,而是需要手动赋值。
总结:官网文档上已经写得比较清楚,这里做个记录,只为方便查询和使用。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)