浅谈 echarts数据可视化

echarts简介

百度开发团队制作，开源交个apache基金管理，制作图表的javascript库，同类型产品hightCharts D3

echarts步骤

1.初始化

  var echart = echarts.init(dom节点，主题)

2.定义选项option

 const option = {
   title 标题
   legend图例
   color调色板
    toolti提示
    xAxis轴线x
    yAxis轴线y
    series系列数据
}

3.更新选项

echart.setOption(option)

图表的类型 type

•     柱状图
•     线
•     平滑线
•     面
•     饼形图

颜色样式控制

主题

• 默认
• dark 深色
• light 亮色

 自定义主题

1. https://echarts.apache.org/zh/theme-builder.html
2. 下载并引用<