数据可视化
xumengxia—xu
这个作者很懒,什么都没留下…
展开
-
案列,添加小圆点
<template> <div v-loading="loading" class="dashboard-container"> <div class="app-container"> <!-- 工具栏 --> <page-tools :show-before="true"> <!-- 前面内容 --> <template v-slot:before...原创 2021-08-24 15:06:00 · 524 阅读 · 0 评论 -
饼状图之半圆
(function() { // 1. 实例化对象 var myChart = echarts.init(document.querySelector(".gauge")); // 2. 指定数据和配置 var option = { series: [ { name: "销售进度", type: "pie", radius: ["130%", "150%"], ...原创 2021-09-16 17:12:53 · 111 阅读 · 0 评论 -
雷达图相关配置
123 (function() { // 1. 实例化对象 var myChart = echarts.init(document.querySelector(".radar")); // 2.指定配置 var option = { tooltip: { show: true, // 控制提示框组件的显示位置 position: ["60%", "10%"] }, radar: { indicator: [ .原创 2021-09-16 15:59:00 · 504 阅读 · 0 评论 -
可视化数据tab切换
html ------------------------------------------------ <div class="sales pannel"> <div class="inner"> <div class="caption"> <h3>销售额统计</h3> <a href="javascript:;" cla.原创 2021-09-16 14:19:58 · 413 阅读 · 0 评论 -
折线图相关配置
(function() { // (1)准备数据 var data = { year: [ [24, 40, 101, 134, 90, 230, 210, 230, 120, 230, 210, 120], [40, 64, 191, 324, 290, 330, 310, 213, 180, 200, 180, 79] ], quarter: [ [23, 75, 12, 97, 21, 67, 98, 21, 43, 64, 76,.原创 2021-09-16 11:41:31 · 172 阅读 · 0 评论 -
饼状图相关配置
// 饼状图 (function() { // 1. 实例化对象 var myChart = echarts.init(document.querySelector(".pie")); // 2. 指定配置项和数据 var option = { // 注意颜色写的位置 color: [ "#006cff", "#60cda0", "#ed8884", "#ff9f7f", "#0096ff", .原创 2021-09-16 10:33:04 · 108 阅读 · 0 评论 -
柱状图相关配置
(function() { var item = { name: "", value: 1200, // 1. 修改当前柱形的样式 itemStyle: { color: "#254065" }, // 2. 鼠标放到柱子上不想高亮显示 emphasis: { itemStyle: { color: "#254065" } }, // 3. 鼠标经过柱子不显示提示框组件 .原创 2021-09-16 10:32:08 · 176 阅读 · 0 评论 -
数据可视化
数据可视化主要目的:借助于图形化手段,清晰有效地传达与沟通信息。 数据可视化可以把数据从冰冷的数字转换成图形,揭示蕴含在数据中的规律和道理 ECharts是一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼 ...原创 2021-09-10 10:49:04 · 262 阅读 · 0 评论