- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我的条形图 x 轴上的条形图添加到了正确的位置,但 x 轴刻度在凹坑 js 中重复了月份和年份。由于该数据中只有三个值,如何调整 x 轴?这是jfiddle:http://jsfiddle.net/Ra2xS/17/
有什么建议吗?
var dim = {"width":590,"height":450}; //chart container width
var data = [{"date":"01-02-2010","cost":"11.415679194952766"},{"date":"01-03-2010","cost":"10.81875691467018"},{"date":"01-04-2010","cost":"12.710197879070897"}];
function barplot(id,dim,data)
{
keys = Object.keys(data[0]);
var xcord = keys[0];
var ycord = keys[1];
var svg = dimple.newSvg(id, dim.width, dim.height);
var myChart = new dimple.chart(svg,data);
myChart.setBounds(60, 30, 505, 305);
//var x = myChart.addCategoryAxis("x", xcord);
var x = myChart.addTimeAxis("x", xcord, "%d-%m-%Y","%b %Y");
x.addOrderRule(xcord);
x.showGridlines = true;
var y = myChart.addMeasureAxis("y", ycord);
y.showGridlines = true;
y.tickFormat = ',.1f';
var s = myChart.addSeries(null, dimple.plot.bar);
var s1 = myChart.addSeries(null, dimple.plot.line);
s1.lineWeight = 3;
s1.lineMarkers = true;
myChart.draw(1500);
}
barplot("body",dim,data);
最佳答案
关于javascript - 条形图的dimple js x轴日期问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22989897/
尝试在dimple.plot.pie 中的圆环图上正确显示百分比 这里有一些代码可以正常工作,但会将标签直接放在切片上。 无法让标签显示在饼图之外。 rings = chart.addSeries("
我正在尝试在 dimple js 条形图上绘制平均值、高值和低值直线。我不知道如何将它们绘制在 y 轴(成本)上作为穿过条形的直线。这是将高值、低值和平均值保存到需要在图表上绘制的相应变量中的 fid
有没有一种简单的方法可以使用 dimple.js 修改散点图中圆圈的形状? 我想要这个 scatter plot 中每种颜色的不同形状.例如,蓝色的矩形,红色的三 Angular 形,黄色的括号...
问题是 dimple js 将度量轴(y - 成本)的数据值视为整数,而它们是十进制值。任何建议如何解决这个问题?这是 jsfiddle:http://jsfiddle.net/Ra2xS/7/
HIV+TB TB Click Me var dropdown = d3.select("#cs") var cs2 = dropdown.node().opt
我无法让图表类别与图例相匹配。也许我的数据可以更好地布局?项目应根据每个类别内的日期进行排序。 请在此处查看 Fiddle:http://jsfiddle.net/gcu2Y/ 使用 addOrder
我有两个图显示相同数据的不同方面。两者在数组最后都有相同的属性: chart_scatter.addSeries(["time", "valueA", "valueB", "category"], d
使用dimple.js ,我正在尝试创建一个简单的散点图。然而,我得到的唯一结果是条形图,并且我不知道如何将其切换为散点图。我的数据如下所示; var data = [ {"Month":ne
我在使用 Dimple.JS 时遇到问题,他们的分组/顺序规则方法不允许我按照我的意愿控制条形列的顺序或对齐方式。 即使 x 轴顺序已关闭,我也必须在数据中添加名为“顺序”的行,以确保图表的 x 轴按
我有以下格式的 data.json: { "Users": [ { "userName": "Herbie", "weigh-i
我正在尝试在dimple.js上绘制一个简单的直方图 问题是这些条没有到达 x 轴,它们看起来就像漂浮在周围的小盒子。 var svg = dimple.newSvg("body", 2024, 76
我有使用dimple.js 的图表来显示对象的频率。其中一些是数千个对象,而不是显示 20,000 个,而是显示 20k。这对我来说根本没有好处,可以改变格式吗?我一直不知道怎么做。 这是我的图表 d
这是示例代码... var svg = dimple.newSvg("#chartContainer", 600, 400), chart = null, s1 = null, s2 = null,
如何为 dimple.js 图表添加标题?我想更新图表和轴的标题。我正在使用dimple.js。请指教。 最佳答案 您可以添加带有小 d3 的标题。这是中心标题的示例。为简单起见,我将样式放在 d3
我正在使用基于 d3.js 的 dimple.js。是否可以将数据标签添加到此示例中提到的条形图的每个条形 http://dimplejs.org/examples_viewer.html?id=ba
我的页面上有一个 svg 组件,我已在其中附加了酒窝图表。我希望图表的大小能够响应式调整。 我已经提到过这个example在文档中。 但是当我在折线图中以类似的方式使用它时,它似乎不起作用。我的折线图
在纯 d3 中,我会像这样在 g 元素上使用 .call(zoom) var zoom = d3.behavior.zoom() .x(x) .y(y) .on("zoom", myZoo
请引用截图: 我想知道如何使用背景颜色为分组条形图中的组着色。 我知道 series.afterDraw 如 Advanced Custom Styling Example here 所示可以是进行此
当过渡到凹坑条形图中具有较少或不同条形的新数据时,被移除的条形会被推到图表左侧并在整个过渡时间内保持不变。 下面是重现效果的代码示例: var svg = dimple.newSvg("#chartC
我有一个带有 ecode 的酒窝图 var svg = dimple.newSvg("#chartContainer", 800, 600); var myChart = new dimple.cha
我是一名优秀的程序员,十分优秀!