小编Łuk*_*asz的帖子

循环数据集 ChartJS Javascript

我正在从返回以下内容的 API 中获取一组数据集:

[
"[0,0,0,0,0,0,0,0,0,0,0,0,0,58,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]",
"[0,0,53,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]",
"[0,0,381,0,0,649,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]"
]
Run Code Online (Sandbox Code Playgroud)

我需要在我的 Chart JS Linechart 中迭代上述每一项,如下所示:

 var lineChartData = {
labels: ['1', '2', '3', '4', '5', '6', '7','8', '9', '10', '11', '12', '13', '14','15', '16', '17', '18', '19', '20', '21','22', '23', '24', '25', '26', '27','28','29','30','31'],
datasets: [{
  label: 'My First dataset',
  fillColor: 'rgba(220,220,220,0.2)',
  strokeColor: 'rgba(220,220,220,1)',
  pointColor: 'rgba(220,220,220,1)',
  pointStrokeColor: '#fff',
  pointHighlightFill: '#fff',
  pointHighlightStroke: 'rgba(220,220,220,1)',
  data: dataset[0]
}, {
  label: 'My Second dataset',
  fillColor: 'rgba(151,187,205,0.2)',
  strokeColor: 'rgba(151,187,205,1)',
  pointColor: 'rgba(151,187,205,1)',
  pointStrokeColor: '#fff',
  pointHighlightFill: '#fff',
  pointHighlightStroke: 'rgba(151,187,205,1)', …
Run Code Online (Sandbox Code Playgroud)

javascript arrays jquery chart.js

3
推荐指数
2
解决办法
1万
查看次数

d3.js:axisBottom 出现在顶部而不是

我正在尝试将 X 轴添加到我的 D3 (v5) 生成图的底部,如下所示。然而,X 轴出现在顶部,即使我调用axisBottom(). 我在某处犯了错误吗?

results = {
  x: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
  y: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
  y1: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
}

const W = 1000,
      H = 620,
      margin = {
        top: 20,
        right: 80,
        bottom: 30,
        left: 50,
      };

const width = W - margin.left - margin.right,
      height = H - margin.top …
Run Code Online (Sandbox Code Playgroud)

javascript visualization data-visualization axis-labels d3.js

3
推荐指数
1
解决办法
1439
查看次数

如何在angularjs中使用逗号分隔符显示行中的变量值

我有四个变量,我想用逗号分隔符连续显示它们的值.我有这样的事情:

{{first}}<span ng-show="first != '' && (second != '' || third != '' || forth != '')">, </span>
{{second}}<span ng-show="second != '' && (third != '' || forth != '')">, </span>
{{third}}<span ng-show="third!= '' && forth != ''">, </span>
{{forth}}
Run Code Online (Sandbox Code Playgroud)

它有效(见jsfiddle),但看起来很糟糕.您是否知道如何以更智能,优雅或有用的方式实现此目标(不添加下一个变量)?

angularjs

2
推荐指数
1
解决办法
95
查看次数

从three.js object3D访问A-Frame元素

从A-Frame,您可以使用.object3D或访问实体的object3D .getObject3D(),当您使用three.js对象时,有没有办法做反向,以获取对象所属的元素?也许将父元素添加到userdata

three.js aframe

2
推荐指数
1
解决办法
1364
查看次数

运行ng服务Angular5时出错

我正在运行我的角度5项目ng serve,然后出现这样的错误:

node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts(58,96)中的错误:错误TS2315:类型'ElementRef'不是通用的.node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts(121,67):错误TS2315:类型'ElementRef'不是通用的.node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts(115,208):错误TS2315:类型'ElementRef'不是通用的.node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts(12,45):错误TS2315:类型'ElementRef'不是通用的.node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts(29,45):错误TS2315:类型'ElementRef'不是通用的.node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts(37,44):错误TS2315:类型'ElementRef'不是通用的.node_modules/@ng-bootstrap/ng-bootstrap/modal/modal-window.d.ts(14,40):错误TS2315:类型 'ElementRef' 不是通用的.node_modules/@ng-bootstrap/ng-bootstrap/popover/popover.d.ts(11,27):错误TS2315:类型 'ElementRef' 不是通用的.node_modules/@ng-bootstrap/ng-bootstrap/popover/popover.d.ts(70,30):错误TS2315:类型'ElementRef'不是通用的.node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts(9,27):错误TS2315:类型'ElementRef'不是通用的.node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts(54,30):错误TS2315:类型'ElementRef'不是通用的.node_modules/@ng-bootstrap/ng-bootstrap/typeahead/typeahead.d.ts(94,30):错误TS2315:类型 'ElementRef' 不是通用的.

javascript ng-bootstrap elementref angular5

2
推荐指数
1
解决办法
494
查看次数

如何在 D3.js /C3.js 中格式化数字

我的应用程序支持下面列出的几种数字格式,并希望以该格式显示数字 c3 图表。

NUMBER_FORMAT1="#,###.##" ( decimal separator . and thousand separator , )
NUMBER_FORMAT2="#.###,##" ( decimal separator , and thousand separator . )
NUMBER_FORMAT3="# ###,##" ( decimal separator , and thousand separator space )
NUMBER_FORMAT4="# ###.##" ( decimal separator . and thousand separator space )
Run Code Online (Sandbox Code Playgroud)

javascript charts d3.js c3.js

1
推荐指数
1
解决办法
9259
查看次数

NodeJS - 使用 nodemailer-smtp-transport 的 nodemailer

我在让 nodemailer 使用 AuthSMTP ( https://www.authsmtp.com/ ) 时遇到问题。

var nodemailer = require('nodemailer');
var transOptions = {
    host: 'mail.authsmtp.com',
    port: 25,
    secure: false,
    auth: {
        user: '...',
        pass: '...'
    }
};
var transporter = nodemailer.createTransport(transOptions);
var mainOptions = {
    from: 'whatever@domain.com',
    to: 'something@domain.com',
    subject: 'hello',
    text: 'hello world!'
};
var callback = function(err, info){
    if (err) { throw err }
    console.log('sent');
}
transporter.sendMail(mainOptions, callback);
Run Code Online (Sandbox Code Playgroud)

我从 AuthSMTP 返回的错误是:

“您的程序、应用程序或设备正尝试在我们的服务中使用 SSL,但您的帐户未启用 SSL。”

我不想启用 SSL,并且我secure将传输选项对象中的属性设置false为文档所说的:https://github.com/andris9/nodemailer-smtp-transport#usage

当我设置为nodemailer不使用 …

email ssl node.js nodemailer

1
推荐指数
1
解决办法
7184
查看次数

ChartJS BoxWidth不起作用

首先,我的JSFidle:https ://jsfiddle.net/ethernetz/u8yc4tvb/

在图表的顶部,有一个粉红色的框。我希望那个盒子消失。其他人通过添加

legend: {
    labels: {
        boxWidth: 0,
    }
},
Run Code Online (Sandbox Code Playgroud)

他们的代码,使盒子消失了。如您所见,这根本没有影响我的盒子。我究竟做错了什么?

javascript chart.js

0
推荐指数
1
解决办法
1938
查看次数