eacharts
文章平均质量分 52
小小liang
一个在深圳捡破烂的前端
展开
-
vue2之echarts的封装 折线图,饼图,大图
【代码】vue2之echarts的封装 折线图,饼图,大图。原创 2023-04-25 18:40:05 · 1495 阅读 · 0 评论 -
vue2+ echarts 运行时间太长导致内存溢出
vue2+ echarts 运行时间太长导致内存溢出原创 2023-02-23 10:33:25 · 1826 阅读 · 0 评论 -
vue之 echarts的响应式处理
echarts的响应式原创 2022-06-17 17:32:56 · 799 阅读 · 0 评论 -
vue 之 echarts折线图的配置属性
目录vue 之 echarts折线图的配置属性vue 之 echarts折线图的配置属性对冲图配置属性,也就是再 option 里面书写修改图形的样式 methods: { // 上下坐標軸對齊 yk(val) { return 9 - val.toString().length; }, alignment(val) { let val1 = val.toString(); if (val1 != null) {原创 2021-01-29 16:27:10 · 776 阅读 · 0 评论 -
vue 之 柱状图的配置属性
目录vue 之 柱状图的配置属性vue 之 柱状图的配置属性简单的柱状图多柱状图多配置属性,也就是再 option 里面书写修改图形的样式tooltip:提示框,用于鼠标滑过的时候,显示当前想要显示的内容trigger:显示类型 axis 用于柱状图的axisPointer:坐标轴指示器,坐标轴触发有效,sahdow为阴影,鼠标放下去的时候显示后面的阴影type: “shadow”, // 默认为直线,可选为:‘line’ | ‘shadow’leg原创 2021-01-29 13:50:35 · 1530 阅读 · 0 评论 -
echarts 之饼形图配置属性
目录echarts 之配置属性饼形图echarts 之配置属性南丁格尔图 roseType: “radius”,双层饼形图饼形图配置属性,也就是再 option 里面书写修改图形的样式title : 是否显示组件的标题(一般用于显示标题,或者计算总数)tooltip:提示框,用于鼠标滑过的时候,显示当前想要显示的内容formatter:一般用于处理文本的显示,可以玩出各种骚操作legend:显示图例的说明 里面的left方位可以使用的是 位置(center) 和 百分比(5%原创 2021-01-29 10:55:42 · 2114 阅读 · 4 评论 -
echarts 之 tooltip 位置的放置以及设置echarts的宽高与 formatter格式化文本
echarts 之 tooltip 控制在容器内展示 与 formatter格式化文本就是给左右上下,做一个限制的函数转载:链接: link. option: { color: this.lineChartColor, tooltip: { //鼠标滑过显示 一组数据 当前拐点的数据 trigger: "axis", position: function (point, params,原创 2021-01-27 10:10:58 · 1843 阅读 · 0 评论 -
vue 之 echarts饼形图 如何显示负数份额
目录vue 之 echarts饼形图 如何显示负数份额饼形图组件深拷贝对象传入的数据vue 之 echarts饼形图 如何显示负数份额饼形图组件<template> <div class="financial_expenses_bar"> <div class="chart" ref="pie_chart"></div> </div></template><script>export defa原创 2020-12-02 16:05:26 · 6697 阅读 · 0 评论 -
vue + echarts 之世界地图
目录vue + echarts 之世界地图world.vue 组件世界地图的数据vue + echarts 之世界地图world.vue 组件<template> <div class="echarts"> <div :class="className" :id="id" :style="{ height: height, width: width }" ref="myEchart" ></原创 2020-12-09 13:51:57 · 2224 阅读 · 2 评论 -
vue 之 eachrts之数据更新,图表不跟新问题
vue 之 eachrts之数据更新,图表不跟新问题这需要使用 watch监听器的方式,去监听数据的变化,还需要深层次的那种,才能lineChart.vue 折线图组件要点: watch: { // 深层次监听 对象 lineChartData: { handler(val) { this.getLineChart(val); }, deep: true, }, },<template>原创 2020-12-01 17:59:44 · 612 阅读 · 0 评论 -
vue + echarts之折线图 + tab栏目切换
目录vue 之折线图 +tab栏目切换vue 之折线图 +tab栏目切换<template> <div class="line_chart"> <div class="chart" ref="line_chart"></div> </div></template><script>export default { name: "LineChart", components: {}, p原创 2020-11-21 15:14:17 · 1033 阅读 · 0 评论 -
vue + echart 之图表之柱形图
目录使用echarts准备工作柱状图使用echarts准备工作1、安装echarts控制台输入安装echartsnpm install echarts --save2、vue main.js中注册* import echarts from 'echarts'; Vue.prototype.$echarts = echarts;3、各种echarts图的实现0: 官网:https://echarts.apache.org/zh/index.html0: 配置项 h原创 2020-11-20 11:39:11 · 2460 阅读 · 0 评论 -
echarts 之常用的属性配置
目录echarts 之常用的属性配置饼形图相关柱状图相关折线图echarts 之常用的属性配置饼形图相关 series: [ { type: "pie", //类型 center: this.pieChartCenter,// 所处位置 radius: this.pieChartRadius, // 半径 minAngle: 5, avoidLab原创 2020-11-28 14:55:06 · 1022 阅读 · 0 评论 -
vue + echarts 之饼形图
目录vue + echarts 之饼形图1vue + echarts 之饼形图1<template> <div ref="chartP" class="pie_chart"> <div :id="pieChartId" class="chart" ref="my_pie_chart" :style="'width:' + boxWidth + 'px'" > 图表 </di原创 2021-01-06 08:46:12 · 1097 阅读 · 0 评论