echart图形绘制

sabrina_chen

于 2018-08-09 11:40:27 发布

阅读量4.8k

点赞数

分类专栏： echart 文章标签： echart 图形绘制

本文链接：https://blog.youkuaiyun.com/qq_25687271/article/details/81533740

版权

本文详细介绍了如何使用ECharts库创建精美的玫瑰图形和柱状图，包括数据处理、样式定制及交互功能设置，帮助读者掌握ECharts在数据可视化中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.绘制折线图
let myDom = document.querySelector(dom);//要放的元素
let myChart = echarts.init(myDom, 'light');//使用的主题
let option = {
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data: ['人气量', '收藏量', '转发量', '动态量'],
        right: 'center',
        bottom: 0,
        orient: 'horizontal'
    },
    calculable: true,
    xAxis: [
        {
            type: 'category',
            boundaryGap: false,
            data: ['1天', '2天', '3天', '4天', '5天', '6天', '7天']
        }
    ],
    yAxis: [
        {
            // min: 0,
            // max: 70
            type: 'value'
        }
    ],
    series: [
        {
            name: '人气量',
            type: 'line',//所要选择的图形类型
            itemStyle: {
                // 点的颜色。
                color: '#3995f5'
            },

最低0.47元/天解锁文章