ES6 let

let是ES6中新增关键字。

它的作用类似于var,用来声明变量,但是所声明的变量,只在let命令所在的代码块内有效。
体会下let和var的作用域范围:

function f1() {
  var a = 8;
  let n = 5;
  if (true) {
      let n = 10;
      var a = 20
  }
  document.write(n); // 5
  document.write(a); // 20
}
f1();


<!DOCTYPE HTML>
<html>
<head>
<script src="traceur.js"></script>
<script src="es6-bootstrap.js"></script>
<script type="text/traceur">
    var a = [];
    for (let i = 0; i < 10; i++) {
      a[i] = function () {
        document.write(i);
      };

    }
    a[6](); // 6
    a[1]();

</script>
</head>
<body>

</body>
</html>
//61
var -->1010
### 如何使用 ECharts 创建纵向柱状图 为了创建一个纵向柱状图,在ECharts中需要调整`xAxis`和`yAxis`的设置,使横轴成为类目轴而纵轴成为数值轴。具体来说,可以通过交换原本用于定义横向柱状图中的`xAxis`与`yAxis`属性来实现这一点[^2]。 下面是一个简单的例子,展示了如何通过JavaScript代码构建这样的图表: ```javascript var chartDom = document.getElementById('main'); var myChart = echarts.init(chartDom); var option; option = { title: { text: '示例纵向柱状图' }, tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, legend: {}, grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true }, xAxis: { type: 'value' // 设置为数值型 }, yAxis: { type: 'category', // 类目型 data: ['类别一', '类别二', '类别三', '类别四', '类别五'] }, series: [ { name: '销量', type: 'bar', data: [24210, 32524, 50434, 52421, 98742], label: { show: true, position: 'insideRight' } } ] }; if (option && typeof option === 'object') { myChart.setOption(option); } ``` 这段脚本初始化了一个名为`myChart`的对象,并设置了其选项参数以显示一个基本的纵向条形图。其中最关键的部分在于`xAxis`被设为数值类型(`type:'value'`),而`yAxis`则作为分类轴并指定了具体的类别数据。 此外,还可以进一步自定义样式和其他功能特性,比如添加提示框、网格线以及标签等元素,从而让图表更加美观易读。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值