学习可视化比较好用的网站Apache ECharts

news2024/12/26 12:03:36

Apache ECharts 是一个基于 JavaScript 的开源可视化图表库，它提供了直观、交互丰富且可高度个性化定制的数据可视化图表。这个库最初由百度团队开源，并在 2018 年初捐赠给了 Apache 基金会，成为 ASF 的孵化级项目。在 2021 年 1 月 26 日，Apache 基金会官方宣布 ECharts 项目正式毕业。

ECharts 的主要特性包括：

直观且交互丰富：ECharts 提供的图表类型丰富多样，包括常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标，以及用于 BI 的漏斗图、仪表盘等。此外，它还支持图与图之间的混搭，使得数据可视化更加灵活和个性化。
跨平台兼容性：ECharts 可以流畅地运行在 PC 和移动设备上，并且兼容当前绝大部分浏览器，如 IE9/10/11、Chrome、Firefox、Safari 等。
高度可定制：ECharts 底层依赖矢量图形库 ZRender，允许用户根据需要进行高度个性化的定制，从而满足各种复杂的数据可视化需求。

在实际使用中，用户可以通过简单的 JavaScript 代码来调用 ECharts，并生成各种美观且实用的数据可视化图表。这使得 ECharts 成为数据分析、数据可视化以及前端开发等领域的重要工具之一。

Apache ECharts 是一个功能强大、易于使用且高度可定制的数据可视化图表库，它可以帮助用户更好地理解和展示数据，从而做出更明智的决策。

一个比较有意思的可视化图

代码如下：

option = {
  tooltip: {
    trigger: 'item'
  },
  legend: {
    top: '5%',
    left: 'center'
  },
  series: [
    {
      
      type: 'pie',
      radius: ['40%', '730%'],
    
      itemStyle: {
        borderRadius: 10,
        borderColor: '#r',
        borderWidth: 3
      },
      label: {
        show: false,
        position: 'center'
      },
 
    
      data: [
        { value: 1048, name: 'Search Engine' },
        { value: 735, name: 'Direct' },
        { value: 580, name: 'Email' },
        { value: 484, name: 'Union Ads' },
        { value: 300, name: 'Video Ads' }
      ]
    }
  ]
};

具体如下：