当前位置

网站首页> 程序设计 > 开源项目 > 程序开发 > 浏览文章

Echarts使用笔记 - 小東仔

作者:小梦 来源: 网络 时间: 2024-05-04 阅读:
  • 柱状图顶部数据展示

"itemStyle": { normal: {     label: {         show: true     }  }}
  • 柱状图自定义主题

// 柱形图默认参数    bar: {        barMinHeight: 0,          // 最小高度改为0        // barWidth: null,        // 默认自适应        barGap: '30%',// 柱间距离,默认为柱形宽度的30%,可设固定值        barCategoryGap : '20%',   // 类目间柱形距离,默认为类目间距的20%,可设固定值        itemStyle: {normal: {    // color: '各异',    barBorderColor: '#fff',       // 柱条边线    barBorderRadius: 0,           // 柱条边线圆角,单位px,默认为0    barBorderWidth: 1,// 柱条边线线宽,单位px,默认为1    label: {        show: false        // position: 默认自适应,水平布局为'top',垂直布局为'right',可选为        //           'inside'|'left'|'right'|'top'|'bottom'        // textStyle: null      // 默认使用全局文本样式,详见TEXTSTYLE    }},emphasis: {    // color: '各异',    barBorderColor: 'rgba(0,0,0,0)',   // 柱条边线    barBorderRadius: 0,    // 柱条边线圆角,单位px,默认为0    barBorderWidth: 1,     // 柱条边线线宽,单位px,默认为1    label: {        show: false        // position: 默认自适应,水平布局为'top',垂直布局为'right',可选为        //           'inside'|'left'|'right'|'top'|'bottom'        // textStyle: null      // 默认使用全局文本样式,详见TEXTSTYLE    }}        }    }