DELPHI盒子
!实时搜索: 盒子论坛 | 注册用户 | 修改信息 | 退出
检举帖 | 全文检索 | 关闭广告 | 捐赠
技术论坛
 用户名
 密  码
自动登陆(30天有效)
忘了密码
≡技术区≡
DELPHI技术
lazarus/fpc/Free Pascal
移动应用开发
Web应用开发
数据库专区
报表专区
网络通讯
开源项目
论坛精华贴
≡发布区≡
发布代码
发布控件
文档资料
经典工具
≡事务区≡
网站意见
盒子之家
招聘应聘
信息交换
论坛信息
最新加入: a12315
今日帖子: 48
在线用户: 12
导航: 论坛 -> DELPHI技术 斑竹:liumazi,sephil  
作者:
男 sxbug (太阳雨) ★☆☆☆☆ -
盒子活跃会员
2018/11/11 8:52:25
标题:
怎么用intraweb调用echart来显示数据曲线? 浏览:740
加入我的收藏
楼主: 用webbrowser主要是太不方便,还要修改注册表(否则只支持IE6).
想用Intraweb来做一下,就是想实现数据库中的数据,用曲线或饼图来显示。
请高人指教,谢谢
----------------------------------------------
-
作者:
男 sxbug (太阳雨) ★☆☆☆☆ -
盒子活跃会员
2018/11/11 9:48:05
1楼: 在wenbrowser中是先建一个html文件,然后通过execjs命令将json的数据传递过去。就是不知道在intraweb中怎么实现?
谢谢
----------------------------------------------
-
作者:
男 sxbug (太阳雨) ★☆☆☆☆ -
盒子活跃会员
2018/11/11 23:39:35
2楼: 在form的ExtraHeader中写了一段:

<!-- 引入 echarts.js -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/3.7.2/echarts.min.js";></script>

    <!-- 为ECharts准备一个具备大小(宽高)的Dom -->
    <div id="main" style="width: 800px;height:600px;"></div>
    <script type="text/javascript">
        // 基于准备好的dom,初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));

        // 指定图表的配置项和数据
        var option = {
          title: {
          text: '电池检测曲线'
          },
          tooltip: {},
          toolbox: {          

          left: 'center',          
          feature: {          
          dataZoom: {     yAxisIndex: 'none'    },          restore: {},          saveAsImage: {}          
          }        
          },

          legend: {
          data:['电池属性']
          },
          xAxis: {
          
          type: 'category',
          boundaryGap: false,

          name: '记录时间',
          data:['12-01','12-02','12-03','12-04','12-05','12-06']
          
          },
          yAxis: {},
          series: {
          name: '电池读数',
          type: 'line',
          data: [5, 20, 36, 10, 16, 27]
          }
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);

        function changeSeries(data1,data2){
          option.series.data=data1;
          option.xAxis.data=data2;
          myChart.setOption(option);
        }
    </script>


但是数据还是无法通过函数传递,而且无法按界面上的任何按钮,请指教。
----------------------------------------------
-
作者:
男 sxbug (太阳雨) ★☆☆☆☆ -
盒子活跃会员
2018/11/11 23:43:04
3楼: 能显示最初的折线图。请高人指点啊。谢谢
----------------------------------------------
-
作者:
男 ygm_mm ( ) ★☆☆☆☆ -
盒子活跃会员
2018/11/14 16:16:11
4楼: 你的方案我也调试过,结果不理想。现在是使用TMS Advanced Charts 显示曲线。
----------------------------------------------
-
信息
登陆以后才能回复
Copyright © 2CCC.Com 盒子论坛 v3.0.1 版权所有 页面执行62.5毫秒 RSS