起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 4729|回复: 3

[处理中3] 使用百度echarts

[复制链接]

213

主题

790

帖子

2056

积分

金牌会员

Rank: 6Rank: 6

积分
2056
QQ
发表于 2018-11-12 16:25:52 | 显示全部楼层 |阅读模式
版本: 小版本号:
数据库: 服务器操作系统: 应用服务器:
客户端操作系统: 浏览器:
本帖最后由 dh_n 于 2018-11-12 16:27 编辑

demo
<script src="echarts.js"></script><!-- 引入 vintage 主题 --><script src="theme/vintage.js"></script><script>
// 第二个参数可以指定前面引入的主题
var chart = echarts.init(document.getElementById('main'), 'vintage');chart.setOption({    ...});</script>


Bex5
var echart = require("$UI/logistics/js/echarts");    var dark = require("$UI/logistics/js/dark"); 引用 dark 就报错



dark.js
(function (root, factory) {        debugger;    if (typeof define === 'function' && define.amd) {        // AMD. Register as an anonymous module.        define(['exports', 'echarts'], factory);    } else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') {        // CommonJS        factory(exports, require('echarts'));    } else {        // Browser globals        factory({}, root.echarts);    }}(this, function (exports, echarts) {          这行报错  core.min.js:71 Uncaught Error: Script error for: echarts    var log = function (msg) {        if (typeof console !== 'undefined') {            console && console.error && console.error(msg);        }    };    if (!echarts) {        log('ECharts is not Loaded');        return;    }    var contrastColor = '#eee';    var axisCommon = function () {        return {            axisLine: {                lineStyle: {                    color: contrastColor                }            },            axisTick: {                lineStyle: {                    color: contrastColor                }            },            axisLabel: {                textStyle: {                    color: contrastColor                }            },            splitLine: {                lineStyle: {                    type: 'dashed',                    color: '#aaa'                }            },            splitArea: {                areaStyle: {                    color: contrastColor                }            }        };    };    var colorPalette = ['#dd6b66','#759aa0','#e69d87','#8dc1a9','#ea7e53','#eedd78','#73a373','#73b9bc','#7289ab', '#91ca8c','#f49f42'];    var theme = {        color: colorPalette,        backgroundColor: '#333',        tooltip: {            axisPointer: {                lineStyle: {                    color: contrastColor                },                crossStyle: {                    color: contrastColor                }            }        },        legend: {            textStyle: {                color: contrastColor            }        },        textStyle: {            color: contrastColor        },        title: {            textStyle: {                color: contrastColor            }        },        toolbox: {            iconStyle: {                normal: {                    borderColor: contrastColor                }            }        },        dataZoom: {            textStyle: {                color: contrastColor            }        },        timeline: {            lineStyle: {                color: contrastColor            },            itemStyle: {                normal: {                    color: colorPalette[1]                }            },            label: {                normal: {                    textStyle: {                        color: contrastColor                    }                }            },            controlStyle: {                normal: {                    color: contrastColor,                    borderColor: contrastColor                }            }        },        timeAxis: axisCommon(),        logAxis: axisCommon(),        valueAxis: axisCommon(),        categoryAxis: axisCommon(),        line: {            symbol: 'circle'        },        graph: {            color: colorPalette        },        gauge: {            title: {                textStyle: {                    color: contrastColor                }            }        },        candlestick: {            itemStyle: {                normal: {                    color: '#FD1050',                    color0: '#0CF49B',                    borderColor: '#FD1050',                    borderColor0: '#0CF49B'                }            }        }    };    theme.categoryAxis.splitLine.show = false;    echarts.registerTheme('dark', theme);}));


91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36185
发表于 2018-11-12 17:43:12 | 显示全部楼层
可能是跟平台的有冲突,用iframe的嵌入html的方式使用
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

213

主题

790

帖子

2056

积分

金牌会员

Rank: 6Rank: 6

积分
2056
QQ
 楼主| 发表于 2018-11-12 17:52:36 | 显示全部楼层
有案例吗,怎么引用、数据怎么处理
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36185
发表于 2018-11-13 08:36:48 | 显示全部楼层
iframe就是html标准的用法,可以在.w中获取数据,html中调用.w中的方法
http://docs.wex5.com/wex5-ui-question-list-2012/
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2025-7-14 13:03 , Processed in 0.059563 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表