标签: dimple.js

如何在dimple.js中使用不同的颜色为不同的数据集着色

我正在使用另一篇文章的数据和dimple.js脚本:

dimple.js中的多系列

如果您使用该帖子中原始的未经黑客攻击的数据,则如何对利润和收入进行不同的着色,即如何为y1和y3使用两种不同的颜色?纯粹的哲学似乎使酒窝不支持这一点。

javascript charts d3.js dimple.js

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

生成带有虚线填充线的 SVG 矩形

我有一个用dimpleJS 制作的矩形,需要用虚线而不是纯色填充框。这可以使用 svg、css 和/或 jquery 吗?矩形如下。

<rect id="dimple-not-working-on-an-associate-s-degree-2008-not-working-on-an-associate-s-degree---" class="dimple-series-0 dimple-bar dimple-not-working-on-an-associate-s-degree dimple-2008 dimple-not-working-on-an-associate-s-degree dimple-custom-series-bar dimple-custom-format-1" x="183.5" y="128.4" width="18" height="141.6" opacity="0.8" style="fill: rgb(92, 186, 230); stroke: rgb(77, 156, 192);" fill="#5cbae6" stroke="rgb(77, 156, 192)"></rect>
Run Code Online (Sandbox Code Playgroud)

css jquery svg dimple.js

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

dimple.js:不等时间段和缺少标签

我有一个日期数据系列,数据点之间的时间间隔不均匀.我希望系列中的每个数据点都有一个标签.任何想法如何实现它?

小提琴链接在这里

charts data-visualization dimple.js

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

酒窝js饼图

我希望能够通过dimple js制作一个饼图.我有以下数据:

    var data = [{'month': monthNames[3], 'percentonsale': 60},
                {'month': monthNames[10], 'percentonsale': 90}]
Run Code Online (Sandbox Code Playgroud)

我只想要两个饼图,一个显示60%,另一个显示90%.但是,Dimple并不像这样工作.

我最终不得不做以下事情(取自Dimple.js多系列酒吧未堆叠):

var explodeData = function (oldData) {
  var newData = [];
  _.forEach(data, function(row) {
    newData.push({month: row.month, salesstart: row.salesstart, percentonsale: row.percentonsale, value: .5});
    newData.push({month: row.month, salesstart: row.salesstart, percentonsale: (100 - row.percentonsale), value: .5});
  })
  return newData;
};
Run Code Online (Sandbox Code Playgroud)

是否有一些方法在Dimple中制作一个饼图,我只是将它传递一个百分比,并根据它制作一个饼图?问题是,我想绘制出售物品的百分比.如果我必须创建这个虚拟数据,Dimple无法区分销售和非销售,它只是描绘了我通过的数据点(销售和虚拟销售)的百分比in are,这不是理想的

d3.js dimple.js

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

用于SVG中线图的双x轴

我已经开始研究D3.js和Dimple.js.我们的要求是创建一个双x轴的线图.对这个要求进行基础研究后,我发现D3.js或Dimple.js支持双y轴但不支持双x轴.

我的第一个问题是"D3.js或Dimple.js是否支持像盒子模型那样的双x轴?".

charts html5 svg d3.js dimple.js

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

带有多列数据的凹痕多行

如何制作具有多列数据的多折线图?
数据示例:

var data75 = [{"d":1,'a1':50,'a2':70},
{"d":2,'a1':90,'a2':71},
{"d":3,'a1':40,'a2':90},
{"d":4,'a1':15,'a2':70},
{"d":5,'a1':150,'a2':60},
{"d":6,'a1':53,'a2':20},
{"d":7,'a1':59,'a2':40},
{"d":8,'a1':30,'a2':50},
{"d":9,'a1':70,'a2':77},
{"d":10,'a1':52,'a2':72},
{"d":11,'a1':56,'a2':10},
{"d":12,'a1':57,'a2':40},];
Run Code Online (Sandbox Code Playgroud)

d = x 轴;
a1 和 a2 = 2 个不同系列中的 y 轴;

例子

javascript charts dimple.js

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

标签 统计

dimple.js ×6

charts ×4

d3.js ×3

javascript ×2

svg ×2

css ×1

data-visualization ×1

html5 ×1

jquery ×1