Echares入门(1)——常用图组件

Option对象

——组件

1.标题:title

标题组件:Text ,标题文字

subtext,子标题

left,距离左边的像素值,也可以是,center,left,right但要加单引号

borderColor,边框的颜色

borderWidth,边框的宽度

textstyle,自定义配置等

2.工具栏组件:toolbox(显示附加的一些功能)

Show,是否显示,ture

Feature,具体显示的功能 Feature:{  }

saveAslmage,保存图片

Restore,还原

dataview,数据视图

dataZoom,缩放视图

magicType,动态类型切换

例如:

3.tooltip组件(弹窗组件)

Show,(ture),是否显示

Trigger,出发方式,axis就是x轴出发

4.标记线及标记点组件

markline ,平行于x轴的一条线

一般来说就是平均值,最小值,最大值等

markpoint ,标记点

在任意位置标记得点

   标记线和标记点位于series字段下

      例如:

                      

5.另:

图例:legend

x轴:xAxis

数据:series

——Name,type和data

时间: 2024-10-27 13:03:49

Echares入门(1)——常用图组件的相关文章

Echarts常用图学习

学习了两个多月的PeopleSoft,感觉刚刚摸到了门槛,可惜目前没有项目,没有可以更深入学习的机会,此时手头上接到一个JAVA的项目 ̄□ ̄||,但总算不用早上搞PeopleSoft,晚上搞JAVA(身心疲惫啊),相信以后的进度会有所提升.感谢老师一直以来的指导,让我有了更加明确的目标,以后还要更加努力才行!!! 标题组件标题负责显示整个图表的标题1.Text:标题文字2.Subtext:子标题3.Left,top,right,bottom标题的位置4.borderColor:边框颜色5.bor

CK2020微信小程序入门与实战 常用组件API开发技巧项目实战

新年伊始,学习要趁早,点滴记录,学习就是进步! 随笔背景:在很多时候,很多入门不久的朋友都会问我:我是从其他语言转到程序开发的,有没有一些基础性的资料给我们学习学习呢,你的框架感觉一下太大了,希望有个循序渐进的教程或者视频来学习就好了.对于学习有困难不知道如何提升自己可以加扣:1225462853  获取资料. 下载地址:https://pan.baidu.com/s/1hsU5EIS 微信小程序入门与实战 常用组件API开发技巧项目实战 小程序官方正式公告,开放了更多的入口,个人开发者可以申请

Vue入门七、父子组件间通讯

一.父子组件通讯 父传子:1.父用子的时候通过属性传递2.子要声明props:['属性名']接收3.子组件template中直接用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script type="

入门篇:9.组件4:ContentProvider(内容提供者)

android 四大基本组件 的ContentProvider(内容提供者) 这个组件其实就是一个应用进行数据或数据库提供.共享其他应用获取数据的组件,其大致的结构图如下: 其中uri是一个重要的中间媒介. 联系到我们平时用的安卓程序,最常见的就是通讯录.在我们的安卓手机里,通讯录的设计其实是两个程序,其中有一个程序没有用户界面,单纯的存储着联系人信息,并且数据库结构复杂,这也是为了保证数据的安全.另外一个程序就是我们可以看见的通讯录程序.那么第一个程序就是一个ContentProvider,用

ReactJS入门(四)—— 组件API

本篇将介绍 React 组件的API,其中主要的几个API我们在第一篇的时候便已介绍过,这里可以做个温故知新. 本篇的代码你也可以在我的Github上获取到. setState 参数: nextState(object), [callback(function)] 设置 nextState 的某个键(属性)值(别忘了我们可以在 shouldComponentUpdate 方法中获取到 nextState 的值来跟当前的 this.state 进行对比),然后下一次 EventLoop 时 thi

k8s入门系列之扩展组件(一)DNS安装篇

DNS (domain name system),提供域名解析服务,解决了难于记忆的IP地址问题,以更人性可读可记忆可标识的方式映射对应IP地址. Cluster DNS扩展插件用于支持k8s集群系统中各服务之间发现与调用. 组件: ?SkyDNS 提供DNS解析服务 ?Etcd 存储DNS信息 ?Kube2sky 监听kubernetes,当有Service创建时,生成相应的记录到SkyDNS. 本文章的实验环境与<k8s入门系列之集群安装篇>介绍中一致.master(1) + node(4

React Native入门(三)组件的Props(属性)和State(状态)

相关文章 React Native入门系列 前言 在Android或者iOS开发中我们会用到很多控件,这些控件会有很多的属性.样式等等.同样的,React Native中的组件也有属性.样式和状态. 1.Props(属性) 组件创建时会设置一些参数来定制这个组件,这些参数就是属性,属性一旦设定,在组件的生命周期中就不会改变.下面拿Image的source属性和Text的onPress属性作为举例. Image的source属性 import React, {Component} from 're

Angular2快速入门-3.多个组件(分离新闻列表页和详细页)

上篇(Angular2快速入门-2.创建一个新闻列表)已经完成新闻列表的展示,并且点击新闻列表的时候,下面可以展示出新闻的详细信息,这节我们把新闻详细和新闻列表页面分离出来 新闻详细单独一个component 第一.创建news-detail.component 1)创建news-detail.component.ts import {Component,Input} from '@angular/core'; import {News} from './news'; @Component({

Tungsten Fabric入门宝典丨TF组件的七种“武器”

Tungsten Fabric入门宝典系列文章,来自技术大牛倾囊相授的实践经验,由TF中文社区为您编译呈现,旨在帮助新手深入理解TF的运行.安装.集成.调试等全流程.如果您有相关经验或疑问,欢迎与我们互动,并与社区极客们进一步交流.更多TF技术文章,请点击公号底部按钮>学习>文章合集. 作者:Tatsuya Naganawa 译者:TF编译组 Tungsten Fabric中有很多不同的组件.接下来我简要描述它们的用法. 概览 总体而言,Tungsten Fabric中包含7种角色和(多达)3