Echarts 教学 渐变 柱状图 折线图 嵌套 饼图标签

哈哈 最近在用Echarts 做东西 顺便研究了一下Echarts 总结了一些比较常用的代码

话不多说 直接放代码 这是取json的方式生成图表

myChart.showLoading(); // echarts 自带的loading

$.get('123.json', function (obama_budget_2012) {
   
    myChart.hideLoading(); // 记得关闭echarts 自带的loading

    var option = {
        title: {  //标题
                text: '日交易总额的变化趋势',//标题内容  还有副标题(subtext) 用法一样
                textStyle: { //这是标题的样式属性 
                    fontWeight: 'normal',              //标题颜色  
                    color: '#fff',
                },
                x:'center'//控制标题的所在位置  同样还有y属性 例 y:'20' 下移20个px
            },  

查看更多标题的样式属性 戳我

        tooltip : {
  //这是图表的提示框  就是类似hover在图表上以后出现的
            trigger: 'axis',//触发类型 
            axisPointer: {
                type: 'shadow',//鼠标放上去有阴影
                label: {
                    show: true//开启
                }
            }
        },

查看更多提示框的样式属性 戳我

        toolbox: {
            show : false,//是否显示
            feature : {
                mark : {show: true},//标记
                dataView : {show: true, readOnly: 
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值