我正在查看反应highmaps文档,看起来他们已经硬编码/保存了地图数据:
https://github.com/kirjs/react-highcharts https://github.com/kirjs/react-highcharts/tree/master/demo/src/mapdata
我在很多小教程中看到,虽然数据来自高地图,只需传递这样的密钥
mapData: Highcharts.maps['custom/world'],
Run Code Online (Sandbox Code Playgroud)
请参见此处的示例:http://jsfiddle.net/gh/get/jquery/3.1.1/highcharts/highcharts/tree/master/samples/maps/tooltip/usehtml/
但考虑到我正在编写一个纯粹的reactJS/nodeJS应用程序,我想知道是否有一种纯粹的反应来吸引世界地图的路径数据?这是部署在某处的高地图吗?
嗨,我正在尝试为我的反应应用程序编写mocha测试,利用selenium-webdriver.
我有几个问题,但帮助其中任何一个都会有所帮助,所以我可以继续前进.
首先,理想情况下,我想在不同的测试中共享相同的webdriver会话,因为我不关心它们运行的顺序.我只想加载网页一次,运行所有测试,然后关闭网页.这可能吗?我最初将我之前和之后的案例放在一个描述之外的不同文件中,它工作正常......但是我无法在任何测试文件中访问驱动程序的实例.
如果无法共享同一个会话,那么当我尝试运行两个specFiles时,如何解决下面的错误...
这是错误:
$ grunt test-e2e
Running "mochatest:e2e" (mochatest) task
Running Mocha tests on files
/Users/userName/Desktop/myReactApp/tests/e2e/testSpecOne.js
/Users/userName/Desktop/myReactApp/tests/e2e/testSpecTwo.js
Error: The previously configured ChromeDriver service is still running. You must shut it down before you may adjust its configuration.
at Error (native)
at Object.setDefaultService (/Users/userName/Desktop/myReactApp/node_modules/selenium-webdriver/chrome.js:264:11)
at Object.<anonymous> (/Users/userName/Desktop/myReactApp/tests/e2e/testSpecTwo.js:8:8)
at Module._compile (module.js:556:32)
at loader (/Users/userName/Desktop/myReactApp/node_modules/babel-register/lib/node.js:144:5)
at Object.require.extensions.(anonymous function) [as .js] (/Users/userName/Desktop/myReactApp/node_modules/babel-register/lib/node.js:154:7)
at Module.load (module.js:473:32)
at tryModuleLoad (module.js:432:12)
Run Code Online (Sandbox Code Playgroud)
典型的测试如下:
import assert from 'assert';
import test from 'selenium-webdriver/testing';
import webdriver, {By, until} from …Run Code Online (Sandbox Code Playgroud) 我在网上看到了几个与此问题相关的问题(如何在Protractor/WebdriverJS中设置默认的浏览器窗口大小),但它们没有解决我的问题.
我有测试,我希望能够在笔记本电脑屏幕或蚂蚁大小的桌面屏幕上成功运行.我曾尝试过以下所有这些方法,但不成功.
这个问题是我必须硬编码宽度和高度.我想自动检测屏幕尺寸
browser.driver.manage().window().setSize(width, height);
Run Code Online (Sandbox Code Playgroud)
这个问题是它似乎只是最大化高度而不是宽度.
browser.driver.manage().window().maximize();
Run Code Online (Sandbox Code Playgroud)
我希望能够获得屏幕的高度和宽度,并插入.setSize()函数.但是当我试着这个
browser.driver.manage().window().setSize(screen.width, screen.height);
Run Code Online (Sandbox Code Playgroud)
我明白了 ReferenceError: screen is not defined
如果我尝试,console.log($(window));那么窗口也没有定义
那么最好的方法是什么?
嗨,我正在使用节点议程在我的应用程序中定义作业(https://github.com/rschmukler/agenda).我有两个用例,我不知道如何覆盖
1)我希望这个工作每周二或每周三运行一次
2)我希望这个工作每个月的5号或10号运行一次.
我知道节点议程使用人工间隔(https://github.com/rschmukler/human-interval)来解释他们想要运行作业的频率,但我发现它只能解释天,周,月等单位有关如何涵盖上面提到的两个用例的任何想法?
对于用例1,我发现我可以做这样的事情(来自议程文档):
var weeklyReport = agenda.schedule('Saturday at noon', 'send email report', {to: 'another-guy@example.com'});
weeklyReport.repeatEvery('1 week').save();
agenda.start();
Run Code Online (Sandbox Code Playgroud) 嗨,我有一个用下面的代码创建的AngularJS手风琴。我想向手风琴添加一个tab索引,以便某人可以通过手风琴的所有li标签来进行制表。
<accordion close-others="showOnlyOne">
<accordion-group heading="{{group.name}}" ng-repeat="group in reportFiltered" is-open="group.isThisOpen">
<ul class="nav">
<li ng-repeat="myObj in group.myObj">
<a ng-click="function(myObj.query)">{{myObj.name}}</a>
</li>
</ul>
</accordion-group>
</accordion>
Run Code Online (Sandbox Code Playgroud)
我尝试做这样的事情:
tabIndex="item.index
Run Code Online (Sandbox Code Playgroud)
但这似乎不起作用。
此外,一旦选项卡上的内容/值当前处于选项卡中,我还需要一种方法来访问它们。
更新:
我可以使用{{$ index}}进行制表,但是现在我需要对当前被制表过的li标记进行操作。
您好,我想知道如果我们关闭服务器两天,计划每 24 小时运行一次的议程作业会发生什么情况?当我们重新启动服务器时,它能够从中断的地方继续吗?或者是什么?
似乎找不到这方面的文档,所以在服务器重新启动时我正在做的是删除任务然后重新创建它......但不确定这是否是有效的方法。
我在反应项目中使用highcharts.我在我的模块中导入了highcharts.预期的行为是能够使用多个明细实例.
当钻取实际工作正常时,引发e.doDrilldown的异常不是一个函数.这发生在我的节点环境中,其中每个图形都在其自己的模块中,并且不知道存在的其他图形.
我尝试添加检查以查看是否已导入钻取.我尝试使用webpack来确保模块只加载一次.我目前在一个这样的文件中使用它
import Drilldown from 'highcharts/modules/drilldown';
import Highcharts from 'highcharts/highmaps.src.js';
...
....
Drilldown(Highcharts);
Run Code Online (Sandbox Code Playgroud)
按照这里的例子:http://www.highcharts.com/blog/192-use-highcharts-to-create-charts-in-react
类似的github问题:https: //github.com/highcharts/highcharts/issues/6086
Webpack捆绑器:
module: {
loaders: [
{
test: /\.js|jsx$/,
loader: 'babel-loader',
exclude: /(node_modules)/
},
{
test: /\.json$/,
loader: 'json-loader'
}
]
},
Run Code Online (Sandbox Code Playgroud)
抛出异常:
drilldown.js:25 Uncaught TypeError: e.doDrilldown is not a function
at object.<anonymous> (drilldown.js:25)
at H.fireEvent (highmaps.src.js:1801)
at object.firePointEvent (highmaps.src.js:16012)
at H.Pointer.onContainerClick (highmaps.src.js:12641)
at HTMLDivElement.container.onclick (highmaps.src.js:12675)
Run Code Online (Sandbox Code Playgroud)
在另一个文件中,我已经加载了react-highcharts,但我甚至没有使用drilldown.
我已经在名为 myIndex 的索引中启用了 cors 设置,以下是它的设置。但是当我尝试使用一些简单的 Javascript 从 elasticsearch 中提取数据(其中设置了 cors 标头)时,我收到错误
XMLHttpRequest 无法加载http://elasticSearchDomain.com:9200/myIndex/_search/。对预检请求的响应未通过访问控制检查:请求的资源上不存在“Access-Control-Allow-Origin”标头。来源' http://localhost:8000因此,不允许访问
我通过将 JavaScript 作为脚本运行,当我通过 python 服务器打开 html 页面时运行该脚本。
{
"state": "open",
"settings": {
"index": {
"http": {
"cors": {
"allow-credentials": "true",
"enabled": "true",
"allow-origin": "*"
}
},
"creation_date": "1461087830891",
"number_of_shards": "5",
"number_of_replicas": "1",
"version": {
"created": "1070499"
},
"uuid": "2JeIgB7IRs6_DzEb6PLx-w"
}
},
"mappings": {
"tx": {
"properties": {
"next": {
"format": "dateOptionalTime",
"type": "date"
},
"eid": {
"index": "not_analyzed",
"type": "string"
},
"95percent_time": { …Run Code Online (Sandbox Code Playgroud) 我正在使用以下文档构建一个highcharts highmap:http://api.highcharts.com/highmaps/tooltip.style
而且我已经成功地按照我希望它的颜色和内容的方式设置我的工具提示.
这就是我需要的东西(工具提示上的小箭头或胡萝卜)
通常我会通过使用HTML来创建它:after或:before和relative locate但是我很难知道如何在highcharts中执行此操作.我知道我可以设置useHtml:true然后将css应用于渲染工具提示的类,但我觉得必须有一种方法可以自动让工具提示通过highcharts中的prop来实现这一点吗?
这是我目前用于高图的代码:
let config = {
tooltip: {
backgroundColor: '#ff9600',
borderWidth: 1,
borderColor: '#ff9600',
borderRadius: 2,
formatter: function () {
return '<b>' +
'<span style="'+ tooltipStyle + '">' + this.point.name + ': $ 620 USD</span><br>' +
'<span style="'+ tooltipStyle + '">' + this.point.value + ' Transactions</span>';
}
},
series:[{
allAreas: true,
data: data,
mapData: mapsPathData,
joinBy: [countryCode],
dataLabels: {
enabled: false,
format: '{point.name}'
}
}]
};
Run Code Online (Sandbox Code Playgroud) 您好我正在尝试重现下面的代码片段,它在bootstrap中生成一个简单的下拉菜单:
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
Run Code Online (Sandbox Code Playgroud)
但是,我希望能够在angularJS的ng-include中包含li标签...
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<ng-include src="'partials/thisView.html'"></ng-include>
</ul>
</li>
Run Code Online (Sandbox Code Playgroud)
然后在thisView中我会:
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
Run Code Online (Sandbox Code Playgroud)
但问题是,当我这样做时,li标签的父标签不是ng-include标签而不是ul标签,这导致格式看起来很差(没有应用任何引导类/ CSS).
所以DOM看起来像这样: …
html javascript twitter-bootstrap angularjs angularjs-ng-include