echarts
云卷云舒%
这个作者很懒,什么都没留下…
展开
-
ie10下绘制的echarts Tree图只显示树干未显示节点问题
绘制的tree类型的图在谷歌浏览器下显示正常: 但是在ie下绘制出错: 代码如下: series: [ { type: "tree", top: 0, bottom: 0, left: 150, right: 350, layout: "orthogonal", edgeShape: "..原创 2022-05-16 14:29:35 · 562 阅读 · 0 评论 -
echarts格式化横纵坐标的值
这里以纵坐标为例:将纵坐标格式化 加入以下代码: yAxis: { type: "value", axisLabel: { formatter: function (value, index) { return value >= 10000 ? parseInt(value / 10000) + "万" : value; }, },原创 2022-04-07 09:16:50 · 4973 阅读 · 0 评论 -
JS手写slider组件(缩放拖拽)
效果:点击观看 布局: <div id='box' className='drag-bar-box'> <div id='drag' className='drag-bar'> <div id='scaleleft' className='drag-block-left'></div> <div id='scaleright' className='drag-block-right原创 2021-07-23 14:56:34 · 1268 阅读 · 0 评论 -
Echarts y轴上的内容鼠标移入高亮、点击高亮
1.移入高亮 移出恢复 效果图正在审核中,,, 移入事件: // myChart.on('mouseover', params => { // // 也可以在鼠标移入的时候拿到y轴上的值 // if (params.componentType === 'yAxis') { // const yAxisName = params.value // 拿到y轴上的名称并添加样式 // const yAxisItem = { //原创 2021-04-22 16:20:14 · 1960 阅读 · 1 评论 -
Echarts点击非图表区域(x、y轴上的名称、数据)
钻研一天,含泪写下这篇文章/(ㄒoㄒ)/~~ 代码:这里我是获取的横纵坐标的文字,具体按实际情况从params中获取 myChart.getZr().on('click', (params) => { //拿到index即可取出被点击数据的所有信息 console.log('----------',params.topTarget.style?.text) }) 备注: 一般点击图表区域(柱子和线)使用myChart.on('click',params=>...原创 2021-04-22 11:40:50 · 399 阅读 · 0 评论