我有以下nvd3堆积面积图:
我想在数字/日期和图表之间添加边距,以及在顶部和图表中添加图例.(请看图片,我用红线标出了位置:
我一直在研究渲染的html但是无法通过css访问边距值,即使我尝试使用firefox的控制台内联.我已经能够用这个css更改font-family和color:
#chart1
height: 300px
text
fill: #1a1f22
font-size: 0.7em
font-family: 'Source Sans Pro', sans-serif
Run Code Online (Sandbox Code Playgroud)
但是,无论我试图将风格附加到哪个元素(text,g,svg,...),保证金方面都没有变化.
这是图表的javascript代码:
nv.addGraph(function() {
var histcatexplong = [
<?= $array ?>
];
var colors = d3.scale.category20();
var keyColor = function(d, i) {return colors(d.key)};
var chart;
chart = nv.models.stackedAreaChart()
.useInteractiveGuideline(true)
.showControls(false)
.x(function(d) { return d[0] })
.y(function(d) { return d[1] })
.color(keyColor)
.transitionDuration(300);
chart.xAxis
.tickFormat(function(d) { return d3.time.format('%e.%m.%y')(new Date(d)) });
chart.yAxis
.tickFormat(d3.format(',.2f'));
d3.select('#chart1')
.datum(histcatexplong)
.transition().duration(1000)
.call(chart)
.each('start', function() {
setTimeout(function() {
d3.selectAll('#chart1 *').each(function() {
if(this.__transition__) …
Run Code Online (Sandbox Code Playgroud) 我在我的render方法中定义了一个css对象,但我试图弄清楚如何使文本无法选择.React.js有自己的键名,如backgroundColor而不是css对象的background-color.我想找出不可选择的样式的关键名称?例:
render:function(){
var ListItems={
cursor:'pointer',
color:'black',
marginLeft:'-20px',
marginTop:'-10px',
marginBottom:'14px',
userSelect:'none',
}
if(this.state.linkHover=='hoverLink'){
ListItems.color='blue';
}else{
ListItems.color='black';
}
return (
<div>
<li style={ListItems} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave} onClick={this.onClick}><input type="checkbox" checked={this.state.checked} unselectable="on"/>{this.props.value}</li>
</div>
)
}
Run Code Online (Sandbox Code Playgroud)
userSelect似乎不适用于Chrome.有不同的名字吗?
我正在使用node.js v4.0.0,我试图让一些代码工作而不需要首先进行转换.虽然大多数都在工作,但我无法使用
import
Run Code Online (Sandbox Code Playgroud)
这可能是因为没有最终确定的阶段,但我也找不到启用它的标志.我尝试了所有这些:
--harmony_modules (enable "harmony modules" (in progress))
--harmony_array_includes (enable "harmony Array.prototype.includes" (in progress))
--harmony_regexps (enable "harmony regular expression extensions" (in progress))
--harmony_proxies (enable "harmony proxies" (in progress))
--harmony_sloppy (enable "harmony features in sloppy mode" (in progress))
--harmony_unicode_regexps (enable "harmony unicode regexps" (in progress))
--harmony_reflect (enable "harmony Reflect API" (in progress))
--harmony_destructuring (enable "harmony destructuring" (in progress))
--harmony_sharedarraybuffer (enable "harmony sharedarraybuffer" (in progress))
--harmony_atomics (enable "harmony atomics" (in progress))
--harmony_new_target (enable "harmony new.target" (in progress))
Run Code Online (Sandbox Code Playgroud)
(没用说我没有使用正则表达式... :))
当我得到导入的原因时,我不明白为什么默认参数失败,因为它们似乎已经完成,我找不到似乎处理它的标志. …
我需要缓存来自的数据ReactiveMongoRepository
.数据大约每年更新两次,所以我不关心缓存是否到期.
由于我们不能使用带有通量的@Cacheable,我想找到一种直接,简单的方法来存储从Mongo到redis的数据,并使用该数据(如果存在),否则存储它并提供原始数据.
是否有比这更简单的方法
@GetMapping
public Flux<AvailableInspection> getAvailableInspectionsRedis() {
AtomicInteger ad = new AtomicInteger();
return availableInspectionReactiveRedisOperations.opsForZSet().range("availableInspections", Range.<Long>from(Range.Bound.inclusive(0L)).to(Range.Bound.inclusive(-1L)))
.switchIfEmpty(availableInspectionMongoRepository.findAll().map(e -> {
availableInspectionReactiveRedisOperations.opsForZSet().add("availableInspections", e, ad.getAndIncrement()).block();
return e;
}));
}
Run Code Online (Sandbox Code Playgroud)
我正在寻找的是一个允许我像@Cacheable注释那样缓存数据的选项.我正在寻找能够缓存任何通量的通用解决方案.
我试图使用AJAX技术添加评论,但我有一个错误:
Failed to load resource: http://localhost:8888/blog/public/comment/add the server responded with a status of 500 (Internal Server Error)
这是我的代码:查看:
{{ Form::open(array('method'=>'post','class'=> 'col-md-6','url' => '/comment/add', 'id'=>'comment')) }}
<input type="hidden" name="post_id" value="{{$id}}">
<div class="row">
<div class="inner col-xs-12 col-sm-12 col-md-11 form-group">
{{Form::label('name', 'Imi?')}}
{{Form::text('username', null, array('class'=>'form-control', 'id'=>'name', 'name'=>'name'))}}
</div>
<div class="inner col-xs-12 col-sm-12 col-md-12 form-group">
{{Form::label('message', 'Wiadomo??')}}
{{Form::textarea('message', null, array('class'=>'form-control', 'id'=>'message', 'name'=>'message', 'rows'=>'5'))}}
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-12 submit form-group">
{{Form::submit('Wy?lij', array('name'=>'submit', 'class'=>'btn btn-orange'))}}
</div>
</div>
{{ Form::close() }}
Run Code Online (Sandbox Code Playgroud)
控制器:
public function …
Run Code Online (Sandbox Code Playgroud) 我是新手做出反应,并试图在onClick上呈现一个新元素:
var LoginButton = React.createClass({
..............
..............
clickHandle : function() {
this.rememberMe = {
active: localforage.getItem('rememberMe', function (err, key) {
return key;
})
};
if (this.rememberMe.active == true || this.rememberMe.active == 'checked')
{
document.getElementById('loginForm').submit();
}
else {
React.render(<wantToRemember />, document.getElementById('loginbuttonhere'));
}
return this.rememberMe.active;
},
Run Code Online (Sandbox Code Playgroud)
这是应该出现的元素:
var wantToRemember = React.createClass({
getInitialState : function () {
return {
position: 'absolute',
display: 'block',
top: '20px',
width: '100px',
height: '100px'
}
},
render : function () {
return (
<div className="rememberPopup" style={this.state}>
<div className="row"> …
Run Code Online (Sandbox Code Playgroud) 我的表列包含以下值:
id | item
-------------
1 | aaaa11a112
2 | aa1112aa2a
3 | aa11aa1a11
4 | aaa2a222aa
Run Code Online (Sandbox Code Playgroud)
我想只选择项目值以数字结尾的行.有这样的事吗?
select * from table where item like '%number'
Run Code Online (Sandbox Code Playgroud) 我正在针对Web服务执行以下请求(使用请求/请求):
return request.postAsync({
url,
charset: 'Cp1252', // I also tried utf-8
encoding: null, //
// I also tried Cp1252 -> unknown encoding,
// I also tried utf-8 and nothing at all
headers: {
"Accept": "application/octet-stream, text, text/plain, text/xml",
"Accept-Encoding": "UTF-8",
'Content-Type': "text/plain; charset=Cp1252;", // also tried utf-8, ISO-8859-1
"User-Agent": "me"
}
}).spread((res, body) => {
body = body.toString(); // I also tried without toString();
let ws = fs.createWriteStream('hhh.csv');
ws.write(body);
ws.end();
Run Code Online (Sandbox Code Playgroud)
无论我做什么,变形金刚都变成了?
.
这些是Web服务发回的标头:
'content-type': 'text; charset=Cp1252',
'content-length': '1895980',
vary: …
Run Code Online (Sandbox Code Playgroud) 我正在开发一个在多台服务器上运行的项目,每台服务器上都有相同的文件.我使用PhpStorm并希望上传每个服务器上的文件,就像我现在为每一个服务器上传一样.
有人知道这是否可行?
由于连接超时,我的node.js应用程序给出了5xx.这是我连接和查询的方式:
var mysql = require('mysql');
var config = {
host: '172.10.1.1',
port: 3306,
user: 'user',
password: 'pwd',
database: 'mydb',
connectionLimit: 15,
queueLimit: 30
}
var poolCluster = mysql.createPool(config);
var queryDB = function(query, cb) {
poolCluster.getConnection(function(err, connection) {
if(err) {
cb(err, null);
}
else {
connection.query(query, function (err, rows) {
connection.release();
cb(err, rows);
});
}
});
};
Run Code Online (Sandbox Code Playgroud)
此外,在另一个备用版本中,禁用连接池,代码如下所示:
queryDB = function(query, cb) {
var connection = mysql.createConnection(config);
connection.query(query, function(err, rows) {
connection.end();
cb(err, rows);
});
};
Run Code Online (Sandbox Code Playgroud)
但这两个设置都给出了错误:在Connection._handleConnectTimeout连接ETIMEDOUT
可以在此处看到与我当前设置类似的项目:https://github.com/hay-wire/NodeBootstrap/blob/master/models/UsersUtils.js …
javascript ×6
node.js ×3
mysql ×2
reactjs ×2
ajax ×1
amazon-rds ×1
charts ×1
css ×1
ecmascript-6 ×1
encoding ×1
ftp ×1
java ×1
jquery ×1
laravel-4 ×1
node-mysql ×1
nvd3.js ×1
php ×1
phpstorm ×1
sftp ×1
spring ×1