javascript 我想在echartsY轴变为其他文字,如何添加文字,在某一坐标轴,请指教

javascript 我想在echartsY轴变为其他文字,如何添加文字,在某一坐标轴,请指教,第1张

option={

    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的回调函数进行设置,如下图

通过回调函数返回的字符串中,样式的引入没有变化,和直接返回一样,但是数据不再和直接返回时一样可以直接使用,而是需要手动赋值。

总结:官网文档上已经写得比较清楚,这里做个记录,只为方便查询和使用。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11765740.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存