首页 > 其他分享 >Echarts快速上手

Echarts快速上手

时间:2023-09-09 17:36:42浏览次数:41  
标签:20 option 快速 mCharts var data Echarts

今天5分钟快速上手Echarts.看官方文档就行。Apache ECharts

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script src="lib/echarts.min%20(2).js"></script>
<body>
<!--准备一个盒子-->
<div style="width: 600px;height: 400px">

</div>
</body>
<script>
    var mCharts= echarts.init(document.querySelector("div"));
    // 指定图表的配置项和数据
    var option = {
        title: {
            text: 'ECharts 入门示例'
        },
        tooltip: {},
        legend: {
            data: ['销量']
        },
        xAxis: {
            data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
        },
        yAxis: {},
        series: [
            {
                name: '销量',
                type: 'bar',
                data: [5, 20, 36, 10, 10, 20]
            }
        ]
    };
    // 使用刚指定的配置项和数据显示图表。
    mCharts.setOption(option);
</script>
</html>

 

标签:20,option,快速,mCharts,var,data,Echarts
From: https://www.cnblogs.com/daitu66/p/17689874.html

相关文章

  • WPS中如何快速输入带方框的勾和叉
    一:插入特殊字符1、把鼠标放到要输入带方框的勾和叉的位置,如下图需要在“婚姻状况”后面输入带方框的勾或者叉,就把鼠标放到对应位置2、点击【插入】-【符号】-【其它符号】,在弹出的“符号”对话框中,字体选择Wingdings2然后选中带方框的勾或者叉,点击插入即可......
  • WPS中如何快速输入带方框的勾和叉
    一:通过选择word字体为Wingdings2,然后输入大写R和Q1、首先,在word文档的字体中输入Wingdings2,这个字体大部分电脑都自带2、这样输入大写R就会变成对号,输入大写Q就会变成叉号,如下图所示二:通过选择word字体为Wingdings,然后按住ALT键,数字键盘输入254松开ALT键即可快速插入打勾图标;按住......
  • ACM模式下快速读取二维数组
    ACM二维数组的读取输入550100001110000000111000010读取Scannerin=newScanner(System.in);introw=in.nextInt();intcol=in.nextInt();int[][]arr=newint[row][col];for(inti=0;i<row;i++){for(intj=0;j<col......
  • 接口文档,jwt介绍和构成,jwt签发与认证,base64编码,drf-jwt使用,django-rest-framewor
    1接口文档#作为后端,接口写好了#作为前端,需要使用我们写的接口(移动端,web,桌面端)#后端需要写接口文档#接口文档的展现形式: 1word,md,写好传到公司的某个平台---》前端可以下载2自动生成接口文档---》后端通过配置--》把所写的接口都自动生成---》地址--》访问......
  • yolov8 macbook 快速使用食用
    YOLOv8onmacm1/classes.txtpersonbicyclecarmotorbikeairplanebustraintruckboattrafficlightfirehydrantstopsignparkingmeterbenchbirdcatdoghorsesheepcowelephantbearzebragiraffebackpackumbrellahandbagtiesuitcasefrisbeeskis......
  • 2-Vue.js环境准备-使用vue-cli快速搭建项目(cli2)
    一、概述在用Vue.js构建大型应用时,推荐使用npm安装,npm能很好的和webpack等打包工具配合使用。如果使用npm过程中安装速度过慢,可以考虑使用淘宝镜像的cnpm来代替npm。首先Vue的安装依赖于Node.js,要保证你的计算机上已经安装过Node.js。可以参考前面的文章:https://blog.csdn.net/G......
  • 使用vscodep快速编写markdown
    写在前面这是一篇基于vscode配置,用于书写markdown的文章为了方便快速书写markdown真想使用一些便捷的快捷键去生成一些自己常用的格式或者是模版,于是自己基于自己的个人习惯去创建了一些快捷键,用起来还是很方便的,当然自己也是尽可能的语义化了,希望能帮到大家。1.......
  • Kubernetes快速进阶与实战:构建可靠的容器化应用平台
    ......
  • Idea2023侧边栏快速切换主题IntelliJ Light、Light、Dark
    这是2023新版的,可以通过侧边栏,快速切换适用于白天、晚上的编辑主题,而不用每次去设置里面操作,很方便。 ......
  • 基于值域的快速GCD
    这其实是一道洛谷模板题,题目是5435对预处理的讲解可以看看这个博客(代码看自己的,见下)voidgetprime(){ for(inti=0;i<=2;i++)fac[1][i]=1; for(inti=2;i<=N-10;i++) { if(!v[i]) { v[i]=i; prime[++tot]=i; fac[i][0]=fac[i][1]=1; fac[i][2]=i; } fo......