文章/答案/技术大牛

发布

社区首页 >问答首页 >我无法让Epoch图表库使用电子应用程序

问我无法让Epoch图表库使用电子应用程序
EN

Stack Overflow用户

提问于 2015-11-05 11:06:49

回答 1查看 495关注 0票数 0

我试着制作电子桌面应用程序，它使用纪元实时图表库。我使电子应用程序运行良好，并在基本节点环境中绘制了一些Epoch图表，但是当我试图将电子和时代结合起来时，我得到了一个错误: Uncaught：$(.).epoch不是一个函数。

我试图从jquery.js、d3.js和epoch.js模块中加载index.html (代码示例1)，或者从javascript (代码示例2)加载它们。

<!--Code example 1-->
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/d3.min.js"></script>
<script type="text/javascript" src="./js/epoch.min.js"></script>


//Code example 2
var $ = require('jquery');
var d3 = require('d3');
var epoch = require('epoch-charting');

我打开电子的app.js如下：

var app = require('app');
var BrowserWindow = require('browser-window');

var mainWindow = null;

app.on('window-all-closed', function() {
  if (process.platform != 'darwin') {
    app.quit();
  }
});

app.on('ready', function() {
  mainWindow = new BrowserWindow({
    width: 600,
    height: 300,
    'min-width': 500,
    'min-height': 200,
    'accept-first-mouse': true,
    'title-bar-style': 'hidden'
  });

  mainWindow.loadUrl('file://' + __dirname + '/index.html');

  mainWindow.openDevTools();

  mainWindow.on('closed', function() {
    mainWindow = null;
  });
});

和index.html：

<!DOCTYPE html>
<html>
  <head>
    <title>Example</title>
    <link rel="stylesheet" href="./css/epoch.min.css">
  </head>
  <body>
    <div id="lineChart" class="epoch" style="width: 100%; height: 400px;border:solid 1px #C0C0C0;"></div>

    <script>
      var $ = require('jquery');
      var d3 = require('d3')
      var epoch = require('epoch-charting');

      var lineChartData = [
        {
          label: "Series 1",
          values: [ {x: 0, y: 100}, {x: 20, y: 1000}]
        },
        {
          label: "Series 2",
          values: [ {x: 20, y: 78}, {x: 30, y: 98}]
        }
      ];

      $('#lineChart').epoch({
        type: 'line',
        data: lineChartData
      });
    </script>

  </body>
</html>

node-modules

electron

epoch.js

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-11-10 13:53:28

您需要将jQuery对象传输到窗口上下文中，以使划时代的绘图模块“工作”。

global.jQuery = require('jquery');
require('epoch-charting');
jQuery('#chart').epoch({type: 'time.line', data: data});

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/33542990

复制

相似问题

问我无法让Epoch图表库使用电子应用程序
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我无法让Epoch图表库使用电子应用程序EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我无法让Epoch图表库使用电子应用程序
EN