|
|
导航: |
论坛 -> 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楼: |
能显示最初的折线图。请高人指点啊。谢谢
----------------------------------------------
-
|
作者: |
|
2018/11/14 16:16:11 |
4楼: |
你的方案我也调试过,结果不理想。现在是使用TMS Advanced Charts 显示曲线。
----------------------------------------------
-
|
|