图表相关
关注
分享
扫一扫
一粒程序米
行业方向：物联网 移动开发
展开
-
echarts图表超出范围时不渲染处理
min: function (value) { if(Object.is(value.min, NaN)){ return 3000 }else{ if(value.min>=3000){ return 3000 }else{ return value.min } } }原创 2022-05-30 21:00:00 · 621 阅读 · 0 评论 -
echarts的tooltip旋转方案
当echarts横屏的时候，tooltip还是原来的角度，没有跟着旋转过来，官网说可以使用extraCssText来旋转，但是我测过了无效。extraCssText: 'transform:rotate(270deg)',详细看了一下官网，发现可以返回HTML使用方式大概如下： tooltip: { trigger: 'item', formatter: (params) => { // 提示框浮层内容格式器 以函数的形式修改 return this.tipFo原创 2022-05-26 21:45:00 · 1491 阅读 · 1 评论 -
echarts点击tooltips时，回调整列数据
myChart.on('click', function(params) { // 控制台打印数据的名称 console.log(params.name);});现在的echarts点击事件，是需要点到某个点才会有数据回调，而且回调的数据仅仅是那个点的，而不是那个点所在一整列的数据，如果图表有2组以上的数据，就只是回调了点中的那个点的数据，这不是我们想要的结果。所以，可以在tooltips里面做好数据监听拼接，然后再回调。在这个函数里面做修改数据就好了打印结果以上是实现的原创 2022-02-17 22:30:00 · 1407 阅读 · 0 评论 -
在uniapp使用echarts，封装成组件使用，经真机测试可用
年前的时候也做了echarts的封装，但是不知道为什么，在真机测试的时候，就是渲染不出来，图表不显示。今天终于可以在真机渲染出来了！！！好激动！效果图图一H5的：图二是华为手机的：项目结构：1.echarts组件：<template> <view> <view class="echarts" :id="option.id" :prop="option" :change:prop="echarts.update" @click="echarts.onCl原创 2022-02-09 22:00:00 · 1496 阅读 · 10 评论 -
echarts折线图实现滑动平移，横坐标过多时隐藏部分横坐标，通过滑动平移显示隐藏的部分
这个是HTML的实例，还没做成组件<!-- THIS EXAMPLE WAS DOWNLOADED FROM https://echarts.apache.org/examples/zh/editor.html?c=line-tooltip-touch--><!DOCTYPE html><html style="height: 100%"> <head> <meta charset="utf-8">原创 2022-01-28 22:30:00 · 5863 阅读 · 0 评论