![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echart
hjt_未来可期
这个作者很懒,什么都没留下…
展开
-
使用echarts真机显示模糊
在开发微信小程序的时候,遇到了微信开发工具显示清晰,但是真机显示不清晰的问题,在手机上运行截图如下后来查阅资料得知,在微信小程序中含有像素比一说,在小程序中获取像素比方法如下微信小程序官方获取屏幕像素比的方法:https://developers.weixin.qq.com/miniprogram/dev/dev_wxwork/dev-doc/qywx-api/foundation/wxgetsysteminfo.html所以在初始化图标的时候,可以把这个值传进去 getPixelRatio(原创 2022-04-19 19:00:00 · 1108 阅读 · 0 评论 -
echarts将x轴展示在图标上方
echarts让x轴固定在上方在echarts中,普通折线图x轴默认在图标下方,如果要展示在图标上面,需要配置一个属性xAxis的position属性 设置为top配置后,展示效果如下这样 就完成了echarts将x轴展示在图表下方的功能了...原创 2022-04-18 10:38:05 · 7143 阅读 · 0 评论 -
echart中的legend使用return数据无效解决方案
需求灵活改变的echart图以及随之改变的legend设想和vue的data使用一样的return函数实现问题return以后没有出现想要的结果下面先看错误代码legendList: [ "差异1", "差异2", "差异3", "差异4"],legend: { data:()=>{ let list= [] for(let k=0;k<vm.legendList.length;k++){ list.push(vm.lege原创 2021-08-30 10:35:07 · 757 阅读 · 0 评论 -
echarts修改横轴/xAxis的样式
xAxis: { type: 'category', boundaryGap: false, data: [], axisLabel: { // 如果这个字段不设置,echarts会根据屏宽及横坐标数据自动给出间隔 interval: 0, // 间隔长度,可自定义(如果是时间格式,echarts会自动处理) rotate: 40 // 横坐标上label的倾斜度 },},xAxis全部属性xAxis: { boundaryGap: false,// 刻原创 2021-07-19 11:17:21 · 7787 阅读 · 0 评论 -
echart修改/自定义tooltip样式
柱状图修改样式tooltip: { trigger: 'axis', position: 'left', extraCssText:'width:160px !important;height:110px !important;', //自定义的tooltip的大小 formatter: function(params) { var result = params[0].name+'<br>'; params.forEach(function(item) {原创 2021-07-19 11:02:12 · 3883 阅读 · 0 评论