echats3.7样式问题
来源:互联网 发布:马伯乐了知 编辑:程序博客网 时间:2024/06/05 13:59
一。切换格式时要销毁chart
chart.dispose();
二。注意theme的格式
3.5 data ,3.7data.theme
三。如果采用json方式,注意ajax要同步,同步方式
------------------------------------------代码,json自己下载,引入就好
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/common.css"/>
</head>
<body>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="https://cdn.bootcss.com/echarts/3.7.1/echarts.min.js"></script>
<div class="circle" style="width: 300px;height: 300px;"></div>
<select class="c_sel" id='my_select'>
<option value ="infographic">infographic</option>
<option value ="shine">shine</option>
<option value ="dark">dark</option>
<option value ="customed">customed</option>
<option value ="vintage">vintage</option>
<option value ="westeros">westeros</option>
<option value ="wonderland">wonderland</option>
</select>
<script>
$(function(){
/*-------------------饼图部分-----------------------*/
bing("infographic");
function bing(theme){
option_Circle = {
title : {
text: '某站点用户访问来源',
},
"legend": {
"data": ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
},
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
series : [{
"name": "访问来源",
"type": "pie",
"data": [
{value:335, name:'直接访问'},
{value:310, name:'邮件营销'},
{value:234, name:'联盟广告'},
{value:135, name:'视频广告'},
{value:1548, name:'搜索引擎'}
],
radius: [0, '30%'],
}]
};
chart = echarts.init(document.getElementsByClassName("circle")[0], theme);
chart.setOption(option_Circle);
$.ajaxSetup({
async : false
});
$("#my_select").change(function(){
var themeValue=$('#my_select').val();
chart.dispose();
$.getJSON("json/"+themeValue+".project.json",function(data){
echarts.registerTheme(themeValue, data.theme);
});
chart = echarts.init(document.getElementsByClassName("circle")[0], themeValue);
chart.setOption(option_Circle);
})
}
})
</script>
</body>
</html>
-----------------
- echats3.7样式问题
- 样式问题
- 按钮样式表问题
- BIRT样式问题
- 样式布局问题
- fancybox-IE6 样式问题
- struts2标签样式问题。
- CSS样式问题集锦
- 一些css样式问题
- IE css样式问题
- html的样式问题
- RadioButton样式的问题
- AlertDialog自定义样式问题
- html样式问题
- Css样式优先级问题
- 一些css样式问题
- 微信小程序样式问题
- class样式优先级问题
- CV论文笔记(三)Convolutional-De-Convolutional Networks for Precise Temporal Action Localization in Untrimm
- 不调用C++/C字符串库函数,实现字符串复制函数strcpy
- 接口的回调与回调机制
- 表达式计算
- Java消息中间件
- echats3.7样式问题
- 自己动手搭建GitLab
- codeforces 617E 莫队入门
- LeetCode#718 Maximum Length of Repeated Subarray (week9)
- 提示框
- LeetCode 410: Split Array Largest Sum 解题与思考
- CNN和RNN在自然语言中的适用场景
- 面向对象的设计原则
- 建立统一标准的教育大数据