Duilib使用wke显示echarts

不得不说wke是个简洁好用的浏览器内核.网上很多大神已经把wke嵌入到duilib中了,先感谢他们辛勤的工作.这里通过wke吧C++的数据在ECharts上美观的显示出来.借鉴前人,将ECharts进行了二次封装,接口在C++中容易使用了.如果觉得那里不够好大家可以修改.水平有限,希望大家多多指正.先上图看看效果: 封装好的接口都在interface.js这个文件里面了,我们来看看interface.js中的接口. 绘制饼图: function DrawPie(data, containerId…

Delphi窗体显示Echarts图表

笨办法,先保存用着 unit Unit1; interface uses Winapi.Windows, Winapi.Messages, System.SysUtils, System.Variants, System.Classes, Vcl.Graphics, Vcl.Controls, Vcl.Forms, Vcl.Dialogs, Data.DB, DBAccess, Vcl.Menus, System.Actions, Vcl.ActnList, Vcl.StdCtrls, Vcl.…

vue项目中遇到的打印，以及处理重新排版后不显示echarts图片问题。

1. 项目中用到的打印页面: css: 控制好宽度一般A4 我调试的是794px多了放不下,小了填不满.当时多页打印的时候,一定要控制好每一个页面内容显示的高度不要超过一个页面,当然根据自己项目来. 由于我的项目是每一个页面固定一个页尾部,所以当显示的时候正常排版显示.但是一旦点击了打印预览需要修改这个区域的css让他固定在每一个页面的底部. js代码,点击打印后执行(如果右键点击打印就会乱,所以给一个打印预览按钮让用户直接点):打印前先给要打印区域排版,这样预览打印的时候就不会乱,只打印要打…

vue使用axios读取本地json文件来显示echarts折线图

编辑器:HBuilderx axios文档:http://www.axios-js.com/zh-cn/docs/ echarts实例:https://echarts.apache.org/examples/zh/index.html 用HBuilderx新建elementUI项目. 安装axios:打开命令行,进入项目文件夹下,输入: cnpm install axios main.js中添加: import echarts from 'echarts' import VueResource…

duilib : 滑动显示的窗口实现以及悬浮窗 (转载)

1. vc 判断窗口是否显示 BOOL IsWindowVisible(HWND hWnd); 2.悬浮窗 http://blog.csdn.net/lincyang/article/details/38729275 目标实现像迅雷那样炫酷的悬浮窗.计划&方案首先第一步要实现一个悬浮窗,窗体无边框,能够随意拖动.对于一个窗体来说,只有我们把鼠标放到标题栏中才进入到拖拽模式.由于是无边框的窗体,默认是不能够移动的.我们尝试用两种办法使其跟随鼠标移动.一个是用OnNcHitTest函数,另一个是在…

使用Echarts实现动态曲线图表

最近做的一个在线气象观测网站要实现一个需求:使用图表展示最近五天温湿度等气象要素的曲线变化具体效果参考:http://www.weatherobserve.com/showInfoIndex.jsp 图示如下(2016-5-25日的数据): 下面就详述一下实现过程吧(注:相较于原网页我隐去了很多内容,本实现过程就只专注于Echarts图表实现) 一: HTML页面部分,代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitio…

angular使用echarts折线图

echarts是开源的画图工具,在angular框架中引入echarts不能直接使用.需要新建一个directive //echarts基本参数 app.factory('$echartsConfig', function () { return { tooltip : { trigger: 'axis' }, legend: { data:[] }, xAxis : [ { type : 'category', boundaryGap : false, data : [1,2,3,4,5,6]…

duilib中控件拖拽功能的实现方法（附源码）

转载请说明原出处,谢谢~~:http://blog.csdn.net/zhuhongshu/article/details/41144283 duilib库中原本没有显示的对控件增加拖拽的功能,而实际使用过程中拖拽功能也是有用武之地的.看群里有人问题duilib怎么支持拖拽,我也就写这篇文章说明一下duilib实现控件拖拽的方法. 当我刚接触duilib不就的时候,考虑过duilib拖拽这个功能,当时的想法是,在xml布局中设置一个浮动的控件,正常状态下他是隐藏的,当出发了拖拽条件后将他显示并且…

将百度的ECharts整合到阿里的Weex中。

由于公司的业务,之前PC版产品中,大量的使用了百度的ECharts库.所以现在要做移动端,在大概熟悉了Weex基本语法和搭建环境后,就着手研究如何将这两个好东西糅合起来. 首先,按照Weex官方教程,搭建好基本开发环境后,要再次使用npm安装ECharts的依赖,这里告诉大家一个小技巧,可能有些朋友早已知道,但是我也相信有很多人跟我1个月前一样,对此并不了解,那就是,快速在一个目录中打开cmd. 在指定文件夹中,按住shift,再右键单击鼠标,就会出现如下选项,"在此处打开命令窗口"(…

duilib进阶教程 -- 在MFC中使用duilib (1)

由于入门教程的反响还不错,因此Alberl就以直播的形式来写<进阶教程>啦,本教程的前提: 1.请先阅读<仿迅雷播放器教程> 2.要有一定的duilib基础,如果还没,请先阅读<2013 duilib入门简明教程>. 3.下载基于VLC的MFC播放器(包含VLC等所有文件),csdn不允许上传相似的代码,因此后面的教程将不再上传VLC的dll.头文件等没有改变的文件. <仿迅雷播放器教程 -- 基于VLC的MFC播放器 (6)>中界面是用MFC做的,因此我们…

echarts报错Can't get dom width or height

echarts图无法显示一直报错Can't get dom width or height 原因:显示echarts图的div要设置宽高报错前: <div class="left_echarts" id="gaugeecharts"></div> 设置宽高后: <div class="left_echarts" id="gaugeecharts" style="height:100%…

duilib拖动控制功能的实现（源代码）

转载请注明原始出处.谢谢~~:http://blog.csdn.net/zhuhongshu/article/details/41144283 duilib库中原本没有显示的对控件添加拖拽的功能.而实际使用过程中拖拽功能也是实用武之地的. 看群里有人问题duilib怎么支持拖拽.我也就写这篇文章说明一下duilib实现控件拖拽的方法. 当我刚接触duilib不就的时候,考虑过duilib拖拽这个功能,当时的想法是,在xml布局中设置一个浮动的控件.正常状态下他是隐藏的.当出发了拖拽条件后将他显示…

使用jqPrint.js调用浏览器打印界面，打印网页中的某一部分该部分含有ECharts图表

1.准备好js文件(我用的是谷歌浏览器) 这个文件是为了防止你的jQuery版本过高而不适配的问题这是调用浏览器打印的js插件 2.引入js文件 <script src="js/jquery.jqprint-0.3.js"></script> <script src="js/jquery-migrate-1.2.1.min.js"></script> 3.给你的网页添加一个按钮来出发打印事件 <input ty…

Ueditor文字和echarts图片生成 word 前端解决方案

编程就像搭积木,少了任何一个就拼接不起来,所有积木都找到就只剩下调试. 一.echarts 获取图片方法getDataURL 详细配置:https://www.echartsjs.com/zh/api.html#echartsInstance.getDataURL var element = document.getElementById("元素id");var chart = echarts.init(element); var option={} //省略 chart.setO…

ECharts地理坐标系属性介绍

在 ECharts 地理坐标系的属性设置中,如果您要将地理坐标系组件显示出来,那么,请使用 geo 组件的 show 属性.在 geo 组件中提供了两种类型的地图数据:javascript 文件与 JSON 文件.通过 geo 组件,您可以自定义地区的名称映射.更多关于地理坐标系组件的属性设置,我们将在下文中详细介绍. geo.show | boolean [ default: true ] 是否显示 ECharts 地理坐标系组件. geo.map | string [ def…

Ionic的页面堆栈与Tabs菜单相遇的问题（页面堆栈有多个）

本来的需求: 新建的Ionic项目是Tabs菜单,假设有两个选项卡 A 和 B(从左到右),对应的两个页面的代码完全一样,使用了echarts 插件,并且使用了一个获取页面元素的方法,给自己的一个变量赋值,然后将echarts图写入到这个元素里面. html中<div id="chartContainer"></div> ts中this.chartContainer = document.getElementById('chartContainer'); 这样导…

做一个可复用的 echarts-vue 组件（延迟动画加载）

在 vue 项目使用 echarts 的场景中,以下三点不容忽视:1. 可视化的数据往往是异步加载的:2. 若一个页面存在大量的图表( 尤其当存在关系图和地图时 ),往往会导致该页面的渲染速度很慢并可能在几秒内卡死,产生极差的用户体验.3. 引入 echarts 组件导致编译后的文件过大从而使得首次访问的加载极慢.关于第三点,大家可以参考之前的撰文优化 Vue 项目编译文件大小.以下针对上述前两点,给出数据异步.延迟渲染的 echarts vue 组件的设计和实现方式,并对实现之中可能存在的问…

基于wke封装的duilib的webkit浏览器控件，可以c++与js互交，源码及demo下载地址

转载请说明原出处,谢谢~~ 前些日子用wke内核封装了duilib的webkit浏览器控件,好多群里朋友私聊我希望可以我公布源码,今天把这个控件的源码和使用demo公布.其实这个控件封装起来没什么难度,我只是按照原来作者的demo,把相应的消息封装成duilib对应的. 在此首先要感谢wke内核的作者BlzFans以及soui2界面库的作者flyhigh,BlzFans精简了webkit内核后封装为wke并公布了源码,flyhigh对wke进行处理让他更容易移植到dui工程中.wke内核10M大…

easyUI draggable插件使用不当，导致拖动div内部文本框无法输入；设置echarts数据为空时就显示空白，不要动画和文字

先上一个Demo <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text…

echarts之字符云tooltip显示混乱问题的解决办法

echarts字符云中tooltip显示混乱主要表现为一下两点: 1.字体与其显示框内容不对应鼠标识别错误解决思路: 就是option里的数据要对value降序排序(这一点很关键,是必须的一步) 把间距调大点 textPadding: 10. 2.文字丢失解决思路: size属性是文字丢失的原因,最好设置为100%. function wordWorldDraw(){ require([ 'echarts', 'echarts/chart/wordCloud' ], require.conf…

DuiLib学习bug整理——某些png不能显示

今天下午遇到用ps导出的png显示不出来的情况.而从其他来源的png有的可以显示.到群里问了下也有人遇到过,但是都没想明白具体原因.后来经人指点说png保存时存在深度位不同.最后经过测试 8位深度.32位深度均能正常显示,64位深度duilib能出图.…

Echarts ecomfe 触摸屏 touch 在IE10下无法显示悬浮框

问题描述: Windows 8 IE10浏览http://echarts.baidu.com/doc/example/line2.html 时,鼠标放置在数据点上时无法显示悬浮框. 正常情况为: 而现在情况为: 问题分析: 公司有各种型号电脑,X230,W530,X240,业务部门多使用x240, 这一款笔记本屏幕带有触摸屏功能,其他型号没有.所有操作系统都为win8,IE10小版本号也一致. 最初就将问题定位为触摸屏引起了这个问题,但一直无法找到具体原因.因为在chrome,firfox等…

修改stb_image.c以让Duilib直接支持Ico格式的图标显示

duilib不支持ico格式的图标资源, 但是我要想显示ico格式的图标... 发现网上那些转换ico为bmp或其它格式的都不是一个好办法, 也还是不能让duilib直接显示ico... 昨晚稍微研究了一下ico文件的格式, 发现其非常简单, 其就是一个容器而已, ico文件是bmp/png文件的组合. 于是我写了几句代码修改了下duilib的图片解码核心stb_image.c, 让她支持解码ico. 随笔后面有文件下载, 可跳过接下来的内容, 直接下载stb_image.c并重新编译duili…

Duilib学习笔记《04》— 窗体显示

在前面已经了解了duilib控件以及界面布局相关内容,接下来就要考虑该如何将xml中描述的布局通过界面展现出来.实际上在 Duilib学习笔记<01> 中我们已经简单提到过基本的流程及元素创建机制.这里我们直接用 Duilib学习笔记<03>最后提供的代码,下面我们就具体来说明: 一. duilib调用设置 #include "..\DuiLib\UIlib.h" using namespace DuiLib; #ifdef _DEBUG # ifdef _UN…

Echarts显示全球dns server物理位置

今天YY给了我一大串dns server的ip,然后提出将这些ip物理位置显示在世界地图上(仅仅显示每个地区有几个dns server就好),苦逼了一下午,总算告一段落.把里面关键的点贴上来以后看... 1.地图插件用的Echarts(http://echarts.baidu.com/) 2.解析ip的物理地址用的nodejs 先上张效果图: dns ip文件长这个样子: 180.222.176.221 122.231.179.214 69.140.168.9 124.217.245.110 1…