| | |
| | | var chart1 = { |
| | | title: { |
| | | text: "框架集成及开发环境", |
| | | text: '框架集成及开发环境', |
| | | left: 'center', |
| | | padding: 15, |
| | | padding: 15 |
| | | }, |
| | | tooltip: { |
| | | trigger: 'item' |
| | | }, |
| | | legend: { |
| | | top: 'bottom', |
| | | icon: "circle", // 这个字段控制形状 类型包括 circle,rect ,roundRect,triangle,diamond,pin,arrow,none |
| | | icon: 'circle', // 这个字段控制形状 类型包括 circle,rect ,roundRect,triangle,diamond,pin,arrow,none |
| | | itemWidth: 10, // 设置宽度 |
| | | itemHeight: 10, // 设置高度 |
| | | itemGap: 7,// 设置间距 |
| | |
| | | }, |
| | | tooltip: { |
| | | trigger: 'axis', |
| | | axisPointer: { // 坐标轴指示器,坐标轴触发有效 |
| | | axisPointer: { |
| | | // 坐标轴指示器,坐标轴触发有效 |
| | | type: 'shadow' // 默认为直线,可选为:'line' | 'shadow' |
| | | } |
| | | }, |
| | |
| | | color: 'rgba(180, 180, 180, 0.2)' |
| | | }, |
| | | itemStyle: { |
| | | |
| | | normal: { |
| | | barBorderRadius: [4, 4, 0, 0] |
| | | } |
| | |
| | | }, |
| | | legend: { |
| | | top: 'bottom', |
| | | icon: "circle", // 这个字段控制形状 类型包括 circle,rect ,roundRect,triangle,diamond,pin,arrow,none |
| | | icon: 'circle', // 这个字段控制形状 类型包括 circle,rect ,roundRect,triangle,diamond,pin,arrow,none |
| | | itemWidth: 10, // 设置宽度 |
| | | itemHeight: 10, // 设置高度 |
| | | itemGap: 7,// 设置间距 |
| | |
| | | }, |
| | | series: [ |
| | | { |
| | | |
| | | name: '框架支持功能(Vue2.0、Vue3版本)', |
| | | type: 'pie', |
| | | radius: '55%', |
| | |
| | | { value: 200, name: 'Redis' }, |
| | | { value: 600, name: 'Sqlserver' }, |
| | | { value: 400, name: 'Mysql' }, |
| | | { value: 100, name: 'Oracle' }, |
| | | { value: 100, name: 'Oracle' } |
| | | ], |
| | | emphasis: { |
| | | itemStyle: { |