echarts2添加点击事件+条形图单条背景

本文介绍了如何在Echarts2中添加点击事件并设置条形图单条背景。通过示例代码展示了如何配置图表,包括条形图的宽度、颜色以及背景的透明度,并提供了一个点击事件监听函数,展示如何获取当前点击的条形图索引。
摘要由CSDN通过智能技术生成

下载地址(可参考):https://github.com/ybx13579/echarts2-demo

1、body内写元素

<div id="abcd" style="width:1300px;height:360px; "></div>


2、写JS




//首先引进echarts模块化文件
//然后require进模块
require.config({
            paths: {
                echarts: 'js/echarts/'
            }
        });
        require(
            [
                'echarts',
                'echarts/chart/gauge',   // 按需加载所需图表,如需动态类型切换功能,别忘了同时加载相应图表
                'echarts/chart/line',
                'echarts/chart/bar',
                'echarts/chart/pie',
            ],
            function (ec) {


//获取ID
                var myChartHideBar6= ec.init(document.getElementById('abcd'));
  hideBarOption6 = {
                    tooltip: {
                        show: false,
                    },
                    toolbox: {
                        show: false,
                 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值