echarts-主题引⽤
最简单的更改全局样式的⽅式,是直接采⽤颜⾊主题(theme)。例如,在中,可以选择 “Theme”,直接看到采⽤主题的效果。
ECharts4 开始,除了⼀贯的默认主题外,新内置了两套主题,分别为 'light' 和 'dark'。可以这么来使⽤它们:
var chart = echarts.init(dom, 'light');
或者
var chart = echarts.init(dom, 'dark');
其他的主题,没有内置在 ECharts 中,需要⾃⼰加载。这些主题可以在⾥访问到。也可以使⽤这个主题编辑器,⾃⼰编辑主题。下载下来的主题可以这样使⽤:如果主题保存为 JSON ⽂件,那么可以⾃⾏加载和注册,例如:
// 假设主题名称是 "vintage"
$.getJSON('xxx/xxx/vintage.json', function (themeJSON) {
var chart = echarts.init(dom, 'vintage');
});
如果保存为 UMD 格式的 JS ⽂件,那么⽀持了⾃注册,直接引⼊ JS ⽂件即可:
// HTML 引⼊ vintage.js ⽂件后(假设主题名称是 "vintage")
var chart = echarts.init(dom, 'vintage');
// ...
ps:可能是jQuery和echarts的js⽂件有点问题,所以⼀直就没有出来,我改成⽹络cdn就好了
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="cdn.bootcss/echarts/4.2.1-rc1/echarts-enmon.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/purple-passion.js" type="text/javascript" charset="utf-8"></script>jquery使用步骤
<!-- <script src="echarts.baidu/build/dist/echarts-all.js"></script> -->
<script src="/jquery/1.10.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<!-- echarts的cdn -->
<!-- <script src="js/wonderland.js" type="text/javascript" charset="utf-8"></script> -->
<title></title>
</head>
<body>
<div id="main" ></div>
<script type="text/javascript">
// $.getJSON('purple-passion.json', function (themeJSON) {
// isterTheme('purple-passion', JSON.parse(themeJSON));
excel中index函数的用法//
// });
// 基于准备好的dom,初始化echarts图表
// var myChart = echarts.ElementById('main'),'wonderland');
var myChart= echarts.ElementById('main'), 'purple-passion');
myChart.setOption({
tooltip: {
招聘信息模板 最新
show: true
},
legend: {
data:['销量']
},
xAxis : [
{
type : 'category',
data : ["衬衫","⽺⽑衫","雪纺衫","裤⼦","⾼跟鞋","袜⼦"]
}
],
yAxis : [
{
type : 'value'
}
],
series : [
{
jquery下载文件请求"name":"销量",
"type":"bar",
"data":[5, 20, 40, 10, 10, 20]
newsroom}
]
});
</script>scanf输入多个数
</body>
</html>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。