![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts
Sun_Gem
努力,努力,再努力!
展开
-
echarts柱状图x轴文字显示不全
var option = { xAxis: { data: [ ], axisLine: { lineStyle: { color: "#3d5269", }, }, axisLabel: { color: "#fff", fontSize: 12, interval: 0, //横轴信息全部显示 rotate: -30, //-30度角倾斜显原创 2021-06-07 15:30:22 · 501 阅读 · 0 评论 -
echarts设置显示位置
var option = { grid: { left: "10%", right: "10%", top: "10%", bottom: "10%", },}原创 2021-06-04 16:19:37 · 948 阅读 · 0 评论 -
echarts选择条件切换时清空数据
myChart.setOption(option, true);只需在使用指定的配置项和数据显示图表后 设置为true即可原创 2021-06-04 16:18:18 · 725 阅读 · 0 评论 -
echarts窗口缩放时自适应
设置完echarts后写入window.addEventListener("resize", function () { myChart.resize();});原创 2021-06-04 16:15:10 · 227 阅读 · 0 评论 -
echarts地图点、线效果设置图例控制器(visualMap)
var option = { visualMap: { //图例值控制 min: 0, max: 1000, calculable: true, show: true, color: ["#f44336", "#fc9700", "#ffde00", "#3cfc01", "#00eaff"], textStyle: { color: "#fff", }, },}原创 2021-06-04 16:12:05 · 1557 阅读 · 0 评论 -
echarts地图判断触碰的是点还是线,从而弹窗显示不同内容
var option = { tooltip: { trigger: "item", backgroundColor: "rgba(166, 200, 76, 0.82)", borderColor: "#FFFFCC", showDelay: 0, hideDelay: 0, enterable: true, transitionDuration: 0, extraCssText: "z-index:100", formatter:原创 2021-06-04 16:09:30 · 356 阅读 · 0 评论 -
echarts地图点效果
series[ { symbol: "circle", coordinateSystem: "geo", type: "effectScatter", symbolSize: 3, itemStyle: { normal: { color: "#4ef2f2", }, }, rippleEffect: { period: 4, //动画时间,值越小速度越.原创 2021-06-04 15:58:52 · 412 阅读 · 0 评论 -
echarts地图飞线、飞点效果
series[ { name: "lines", type: "lines", coordinateSystem: "geo", // 飞点样式 effect: { show: true, period: 6, trailLength: 0, // symbol: planePath, 自定义图片 symbolSize: 5, }, // 飞线样式 itemStyle: { normal: { lineStyle.原创 2021-06-04 15:56:19 · 2809 阅读 · 3 评论 -
vue中引入echarts全国、全球地图
一、安装echartsnpm install echarts -S cnpm install echarts -S或使用淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org二、main.js中全局引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts//中国地图import 'echarts/map/js/china'原创 2021-06-04 15:30:04 · 842 阅读 · 1 评论 -
在Vue中使用echarts
安装echarts依赖npm install echarts -S cnpm install echarts -S或使用淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org全局引入echarts在main.js文件中import echarts from 'echarts'Vue.prototype.$echarts = echarts创建图表在需使用echarts的vue组件中html代码:(ec原创 2021-05-08 09:44:29 · 134 阅读 · 0 评论