echo_

D3.JS中常用的绘制图形的的API 其实SVG 提供的图形标签（圆形、矩形、线条、路径等）其实只是构成图形的基本元素，一张完整图表则是由几百个这些小元件组成的，如果只使用 SVG 提供的图形，就需要

D3.js 操作数据的常用API方法 在画图表时，大部分时候后端回传的数据都是需要我们做进一步处理的（当然能搞定后端的人就随意啦), 这里介绍一些基本常用的API操作，其实大部分都是js中的Array

d3 数据绑定 d3的数据绑定是d3中最重要的知识点了，图像都需要数据支撑，所以掌握这个知识点非常重要。 d3官网提供了数据操作的多种API 我们要先用 d3.select 的方法选定DOM节点后，才

Selection选择器： 需要掌握的知识点：熟悉js选择器语法，取到了对应的dom元素才可以进行相关操作。 selection 选定节点 data binding 绑定数据 1.selection

d3工作原理 d3是使用js语法去操作dom元素进行绘制图表；如果熟悉jquery语法可以很快的上手使用，学习d3需要熟悉以下相关知识： DOM API 与 事件模型 （掌握js操作dom的相关语法）

坐标轴： 想要系统学习d3.js绘图方法，这里记录一下基础相关教程，更多详尽教程请访问d3官网 坐标轴就是用于回执坐标轴显示的，X轴和Y轴，轴线的组成部分: 一条直线，标示轴线 一组沿着轴的刻度记号(

svg入门简单教程，SVG 是一种基于 XML 语法的图像格式，全称是可缩放矢量图（Scalable Vector Graphics）。其他图像格式都是基于像素处理的，SVG 则是属于对图像的形状描述

el-select下拉框的宽度自适应，基于element框架的select进行重新处理，不改动源码，只调整部分样式

以前使用element的el-table组件时，如果要内容和表头都居中，一般是直接设置表头和单元格属性:header-cell-style="{ textAlign: 'center' }" :cel