echarts3-0
水痕01
暂停更新博客
展开
-
记录使用vue-echarts实现类似心电图
1、使用的"vue-echarts": "^3.1.0"是这个版本2、最终效果(忽视数据,还没对接真实数据)3、具体代码<template> <div class="echart"> <chart :options="chartData" auto-resize ref="chart" :style="{width: '600px', height: '300px'}"></chart> </div></..原创 2020-09-27 16:36:38 · 3720 阅读 · 0 评论 -
百度echart绘制圆环
一、代码封装var pie = function (options) { var option = { backgroundColor: "#fff", //不显示标题 title: { show: false, text: options.title, textStyle原创 2017-05-02 16:35:13 · 2424 阅读 · 0 评论 -
echart图表拉杆的配置
dataZoom:[ //id: 'dataZoomX', type: 'slider',//inside 滚轮触发 slider 滑动条 // xAxisIndex: [0],//控制第一个 xAxis 【这里如果有多个xAxis】 handleSize:20,//滑动条的 左右2个滑动条的大小 //left:'', handleColor:'r原创 2017-05-02 16:38:41 · 1171 阅读 · 0 评论 -
echarts的简单案例
var myChart0 = echarts.init(document.getElementById("list0"));option0 = { title: { text: '单次抽奖活动统计', subtext: '2016-12-25至2017-01-25', }, legend: {原创 2017-04-21 13:28:10 · 1062 阅读 · 0 评论 -
关于echarts的dataZoom组装
dataZoom: [ { type: 'slider', show: true, xAxisIndex: [0], handleSize: 20,//滑动条的 左右2个滑动条的大小 height: 8,//组件高度原创 2017-05-04 16:34:40 · 23316 阅读 · 0 评论 -
百度图表柱子背景颜色使用渐变效果
一、运行效果二、具体代码var app = echarts.init(document.getElementById("box")); var option = { title: { text: '样本量分析', left:'50%', textStyle:{ } }原创 2017-10-30 11:32:55 · 1060 阅读 · 0 评论 -
highcharts绘制3D图表
最近做项目中需求要求3D图表展现,开始比较懵逼,后来网上找的了highcharts图表,之前都是用的百度的echarts做平面图一、基本介绍1、3d官网案例2、参数的配置3、官方的其他案例二、绘制一个饼图的1、效果图如下2、具体代码<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <link rel="icon"原创 2017-11-01 17:07:37 · 1519 阅读 · 0 评论