echarts
关注
分享
扫一扫
小皮皮不皮
记录自己工作中遇到的一些问题，和经常会用到的一些东西，方便以后使用。
展开
-
echarts中得一些使用技巧和方法
echarts使用技巧和处理方式方法原创 2023-01-04 10:31:41 · 1123 阅读 · 0 评论 -
vue echart写法组件案例
<template> <div class="chartPart" style="width: 100%; height: 100%"></div></template><script>import echarts from "echarts";export default { props: ["chartData"], watch: { chartData: { deep: true, h.原创 2021-09-26 14:19:35 · 223 阅读 · 0 评论 -
echarts 根据自己的需求展示显示区域
项目中遇到一个问题，一个数量段显示一个颜色，指针也跟着变化，然后研究了一下，保存下来，方便以后使用，也给大家提供一个方案<div style="width: 250px; height: 250px" id="gaugeEchart"></div>function auto(){ let myChart = this.$echarts.init(document.getElementById("gaugeEchart")); let value = 1.354.原创 2020-09-04 18:03:17 · 1166 阅读 · 3 评论 -
工作当中使用echarts提示框的一些心得
比较常见的问题就是我们显示的提示框的样式或者是提示框的内容要多加一些东西，这个时候很多人都很头疼，那么我来给大家一种比较好理解的法子。先来说说需要改成需要的内容第一种：tooltip: { trigger: 'item', formatter: '{a} <br/>{b} : {c} %' //通过formatter 这些来设置自己要添加的单位如：...原创 2018-07-24 13:35:41 · 1396 阅读 · 0 评论 -
echarts地图
有些时候我们会用到地图，那么地图也会遇到一些问题在echarts官网当中可以找到很多案例，但是与我们要用的有很大不同，为最大的问题就是地标，甚至我们使用案例根本就出不来效果，怎么办呢?先说显示效果不然图形出不来什么都是扯淡：在中国地图中一般我们都会引入china.js ， 一般大家都知道，百度上也可以找到，单然你用的哪个版本的必须的使用哪个版本的js,只是个小问题，但往往大家会在这方面不...原创 2018-07-24 14:29:38 · 770 阅读 · 0 评论 -
echarts安全等级三角
工作当中遇到了需要的图形但是echarts重视倒三角的，而且他需要外面显示什么警告，里面显示数据，所以做起来有点难度，因为你放的数据不一样他可能就不是三角形了，所以下面这个案例其实是两个三角形叠一块儿了，其中一个用于显示样式，另一个用作显示真正的数据。好了代码如下，自己研究吧。<!DOCTYPE html><html lang="en"><head&...原创 2018-07-24 15:37:13 · 1848 阅读 · 0 评论 -
echarts模拟真实数据
当你打开的时候要显示当前的时间段数据，必须5分钟一次数据，数据必须是在某个时间段达到高峰还不能超过多少，某个时间段又必须低估。开始也是很苦恼，但是后来还是根据echarts案例里面原本人家就是模拟的数据得到灵感，我也做了一个所以感兴趣或有需要的小伙盼儿可以看看，说不定能获得一些灵感。<!DOCTYPE html><html lang="en"><head&g...原创 2018-07-24 15:53:32 · 1382 阅读 · 1 评论 -
echarts 关于折线图线型是要折线还是曲线
帮朋友看的时候有要求是线型要折线不要曲线,具体看图而要求是:关键的一句,就是 series: [{ //在series里面 name: '进港航班统计', type: 'line', symbolRotate:0, // smooth: true, //如果你找的案例有这一句,请注释就可以了,具体作用可以去官网...原创 2019-01-03 16:04:33 · 3080 阅读 · 4 评论 -
echarts带滚动条的一个案例
项目需求会有很多数据，所以要有滚动条来查看更多数据，看图片：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=...原创 2019-07-04 19:54:05 · 6479 阅读 · 3 评论