echarts 模拟时间动态

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="main" style="height: 400px;">
			
		</div>
    <script src="http://echarts.baidu.com/build/dist/echarts-all.js"></script>
	<script type="text/javascript">
		var myCharts = echarts.init(document.getElementById("main"));
		var idx = 1;
		option = {
		    timeline : {
		        data : [
		            '2013-01-01', '2013-02-01', '2013-03-01', '2013-04-01', '2013-05-01',
		            { name:'2013-06-01', symbol:'emptyStar6', symbolSize:8 },
		            '2013-07-01', '2013-08-01', '2013-09-01', '2013-10-01', '2013-11-01',
		            { name:'2013-12-01', symbol:'star6', symbolSize:8 }
		        ],
		        label : {
		            formatter : function(s) {
		            	console.log(s)
		                return s.slice(0, 7);
		            }
		        },
		        autoPlay : true,
		        playInterval : 1000
		    },
		    options : [
		        {
		            title : {
		                text: '浏览器占比变化',
		                subtext: '纯属虚构'
		            },
		            tooltip : {
		                trigger: 'item',
		                formatter: "{a} <br/>{b} : {c} ({d}%)"
		            },
		            legend: {
		                data:['Chrome','Firefox','Safari','IE9+','IE8-']
		            },
		            toolbox: {
		                show : true,
		                feature : {
		                    mark : {show: true},
		                    dataView : {show: true, readOnly: false},
		                    magicType : {
		                        show: true, 
		                        type: ['pie', 'funnel'],
		                        option: {
		                            funnel: {
		                                x: '25%',
		        
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值