echarts 例 ECharts例组件配置 例控制块

echarts 例

Echarts 是一个开源的 JavaScript 图表库，它可以帮助用户快速创建交互式的数据可视化图表。它是由百度公司开发的，并且在 Apache License 2.0 许可证下发布。Echarts 支持多种图表类型，包括折线图、饼图、散点图、条形图、K 线图、地图等。它还支持自定义主题，以便用户能够根据自己的喜好来调整外观。

Echarts 的使用非常简单，只需要几步就能创建一个完整的图表。首先，你需要准备好你想要显示的数据，然后使用 Echarts 的 API 创建一个新的 ECharts 实例。之后，你就可以使用 setOption() 方法来设置你想要显示的内容，包括标题、X 轴和 Y 轴标签以及其他相关信息。最后，你就可以使用 render() 方法将这些内容呈现出来了。

// 创建 ECharts 实例
var myChart = echarts.init(document.getElementById('main')); 
// 设置图表选项 
var option = { 
    title: { 
        text: '我的 ECharts 图表' 
    }, 
    xAxis: { 
        data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子'] 
    }, 
    yAxis: {}, 
    series: [{ 
        name: '销量', 
        type: 'bar', 
        data: [5, 20, 36, 10, 10, 20] 

    }] }; // 把选项传入到 ECharts 实例中 myChart.setOption(option); 

ECharts图例组件配置 图例控制块

{
    current: number
    total: number
}