Echarts 教程二

Echarts 教程二

  • Echarts 常用配置篇
    • 柱状图常用配置
    • 折线图常用配置
    • 散点图常用配置
    • 饼图常用配置
    • 地图常用配置

Echarts 常用配置篇

柱状图常用配置

配置柱状图的最大最小值 平均值 显示柱状图文字 柱状图宽度

Echarts 教程二_第1张图片

Echarts 教程二_第2张图片

折线图常用配置

配置最大最小值 平均值 标记区域 线的平滑 线的样式 等等

Echarts 教程二_第3张图片

Echarts 教程二_第4张图片

Echarts 教程二_第5张图片

散点图常用配置

气泡大小效果 散点不同颜色 涟漪动画相关(触发时机,涟漪动画大小)
前两者都可以用callback,用于自定义部分散点颜色,或者部分散点的大小

Echarts 教程二_第6张图片

Echarts 教程二_第7张图片

饼图常用配置

饼图圆环效果 饼图南丁格尔图效果 选中效果

Echarts 教程二_第8张图片

Echarts 教程二_第9张图片

地图常用配置

Echarts 教程二_第10张图片

Echarts 教程二_第11张图片

比如官方实例,把地图和散点图结合使用。

好文推荐
好文推荐

你可能感兴趣的:(Vue3.0+TS实战,echarts,前端,javascript)