| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 4128 人关注过本帖
标题:请问VFP可以用 echart这样的东西吗?
只看楼主 加入收藏
吹水佬
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
等 级:版主
威 望:451
帖 子:10607
专家分:43186
注 册:2014-5-20
收藏
得分:0 
至于引用echarts的东西就要通过定义的myChart去引用,具体要了解echarts的属性方法和事件,可参考echarts.js文件。
2021-11-08 11:57
shonken
Rank: 2
等 级:论坛游民
帖 子:116
专家分:26
注 册:2017-1-15
收藏
得分:0 
以下是引用吹水佬在2021-11-8 11:52:08的发言:


其实就是HTML、JavaScript和CSS方面的编程,写个HTML文件用IE控件加载展现。
要鼠标点击事件,可以在需要的地方写个onclick事件函数就可以。
如:画布点击事件
在 <div class="echarts_canvas" id="main"></div> 添加一项 onclick=canvas_click()
<div class="echarts_canvas" id="main" onclick=canvas_click()></div>
在 <script> 添加一个canvas_click()函数
        function canvas_click() {
            alert(123456);
        }
<body>
    <div class="echarts_canvas" id="main" onclick=canvas_click()></div>
    <script type="text/javascript">
        var myChart = echarts.init(document.getElementById('main'));
        var option = {
                title   : {text:"ECharts 入门示例"},
                tooltip : {},
                legend  : {data:["<<ALLTRIM(tt.名称)>>"]},
                xAxis   : {data:["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]},
                yAxis   : {},
                series  : [{name:"<<ALLTRIM(tt.名称)>>",type:"bar",data:[<<tt.衬衫>>,<<tt.羊毛衫>>,<<tt.雪纺衫>>,<<tt.裤子>>,<<tt.高跟鞋>>,<<tt.袜子>>]}],
                //设置中间内容距离div的距离,也就是内边距
                grid    : {top:40, left:30, right:30, width:"auto", height:"auto"},
            };
        myChart.setOption(option);
        
        window.onresize = function () {
            myChart.resize();  //自动调整canvas的大小
        }
        function canvas_click() {
            alert(123456);
        }
    </script>
</body>

感谢吹版回答,这是一种方法,但不是想要的那种;
在教学示例中https://echarts. ,柱状图标题的小色块可以点击,见图:
图片附件: 游客没有浏览图片的权限,请 登录注册

2021-11-08 12:20
吹水佬
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
等 级:版主
威 望:451
帖 子:10607
专家分:43186
注 册:2014-5-20
收藏
得分:0 
回复 32楼 shonken
31楼有提到,这是echarts.js的东西,要搞懂echarts.js
2021-11-08 13:10
jiazhefish
Rank: 2
等 级:论坛游民
帖 子:64
专家分:28
注 册:2011-9-6
收藏
得分:0 
以下是引用吹水佬在2021-10-28 10:57:58的发言:


就按入门示例简单写几句:

有一点要注意,用WebBrowser可能要Win10以上版本才支持,并修改用高版本IE内核。
编辑注册表键:
HKEY_LOCAL_MACHINE\SOFTWARE\WOW6432Node\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BROWSER_EMULATION
如:在VFP9开发环境,增加vfp9.exe项的值为11111,可参考:
 11111(0x2b67)    Edge
 11001(0x2af9)    IE11
 11000(0x2af8)    IE11
 10001(0x2711)    IE10 Standards
 10000(0x2710)    IE10
 9999 (0x270F)    IE9  Standards
 9000 (0x2328)    IE9
 8888 (0x22B8)    IE8  Standards
 8000 (0x1F40)    IE8
 7000 (0x1B58)    IE7


请问win7的怎么设置啊?
2021-11-08 14:33
吹水佬
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
等 级:版主
威 望:451
帖 子:10607
专家分:43186
注 册:2014-5-20
收藏
得分:0 
以下是引用jiazhefish在2021-11-8 14:33:08的发言:



请问win7的怎么设置啊?

这个只是IE控件内核选择,不是Win7、Win8....,要看系统安装了什么IE版本,通常是向下兼容。
2021-11-08 17:19
laowan001
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
等 级:版主
威 望:66
帖 子:1090
专家分:2682
注 册:2015-12-30
收藏
得分:0 
回复 22楼 laibinhua
压缩后的图形截个图来看看
2021-11-08 20:06
cjc1010
Rank: 3Rank: 3
等 级:论坛游侠
威 望:4
帖 子:65
专家分:195
注 册:2006-4-16
收藏
得分:0 
吹版神一样的存在!
2021-11-09 16:54
快速回复:请问VFP可以用 echart这样的东西吗?
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.034507 second(s), 9 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved