赞
踩
效果图:
代码示例:
- import * as echarts from 'echarts';
-
- var chartDom = document.getElementById('main');
- var myChart = echarts.init(chartDom);
- var option;
-
- option = {
- title: {
- text: 'Referer of a Website',
- subtext: 'Fake Data',
- left: 'center'
- },
- tooltip: {
- trigger: 'item',
- position: function (p) {
- //其中p为当前鼠标的位置
- return [p[0] + 35, p[1] - 10];
- },
- textStyle: {
- fontSize: 30 // 字体大小
- },
- extraCssText: 'width:160px;height:100px;background:red;' // 背景色
- },
- legend: {
- orient: 'vertical',
- left: 'left'
- },
- series: [
- {
- name: 'Access From',
- type: 'pie',
- radius: '50%',
- data: [
- { value: 1048, name: 'Search Engine' },
- { value: 735, name: 'Direct' },
- { value: 580, name: 'Email' },
- { value: 484, name: 'Union Ads' },
- { value: 300, name: 'Video Ads' }
- ],
- emphasis: {
- itemStyle: {
- shadowBlur: 10,
- shadowOffsetX: 0,
- shadowColor: 'rgba(0, 0, 0, 0.5)'
- }
- }
- }
- ]
- };
-
- option && myChart.setOption(option);
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。