引用echar显示图形
来源:互联网 发布:window10引导ubuntu 编辑:程序博客网 时间:2024/06/05 11:00
配置项说明地址 http://echarts.baidu.com/option.html#title
1.下载js放入项目中,引入js
<script type="text/javascript" src="__PUBLIC__/lib/echarts/echarts.js"></script>
2.在html页面中引用
<div class="each-item" >
<div id="visit_echar" style="height:450px;margin-top: 10px;"></div>
</div>
<script>
var visitChar = echarts.init(document.getElementById('visit_echar'));
var visitOption={
tooltip: {
},
legend: {
left: 'left',
data: ['登陆量', '浏览量']
},
xAxis: {
type: 'category',
name: 'x',
data: ['前日', '昨日', '今日']
},
grid: {
left: 50, right: 50, top:80, bottom:40
},
yAxis: {
show: true,
splitNumber: 5,
max:{$zuceNum}
},
series: [
{
name: '登陆量',
type: 'line',
data: {$LoginData|json_encode}
},
{
name: '浏览量',
type: 'line',
data: {$visitData|json_encode}
}
]
};
visitChar.setOption(visitOption);
</script>
- 引用echar显示图形
- echar
- echar
- echar
- echar
- 引用:显示图形如何避免闪烁
- echar饼状图在区域名字后显示值及其百分比
- 图形显示
- 图形显示
- 图形显示
- 图形显示
- 图形显示
- 图形显示
- echar折线图
- css图形库的引用
- 图形显示 Symbian
- 图形显示问题
- Symbian图形显示
- 多线程编程10例问题(2)
- [BZOJ2957] 楼房重建 分块
- 【Codeforces Round 362 (Div 2)D】
- SQL脚本实现两张关联数据表之间批量更新UPDATE
- logstash2.x修改jvm参数
- 引用echar显示图形
- 解决JVM内存不足的问题
- 在cmd中运行javac编译java文件报错: 编码GBK的不可映射字符、 非法字符: \65279
- Scrapy爬虫框架使用IP代理池
- ionic2 新建与打包笔记
- 桃之夭夭,灼灼其华
- 网页中JS函数自动执行的方法
- Oracle数据库备份与还原
- Android studio找不到HttpClient的问题