d3.js – DC.js scatterPlot序数轴刻度位置 - 编程之家

如何使用DC.js将值点直接定位在刻度线上方(或直接位于点下方的刻度线).我无法管理,DC.js(或D3.js)将值点移位到刻度线的左侧,尽管X值恰好是刻度值.

重要提示:对于有序X轴我需要此功能(它适用于线性X轴)!

wrong data/tick position)

  1. var data = [
  2. {"x":"a","y":1},{"x":"b","y":2},{"x":"c","y":3}
  3. ];
  4. ...
  5. dc.scatterPlot("#mychart")
  6. .dimension(dimension)
  7. .group(group)
  8. .x(d3.scale.ordinal().domain(data.map(function(v) {return v.x})))
  9. .xUnits(dc.units.ordinal)
  10. .valueAccessor(function(d) {return d.value;});

完整代码见jsfiddlehttp://jsfiddle.net/bourbert/59Lmt98w/1/)

解决方法

在dc.js中,气泡图修改bubbleLocator:

  1. var bubbleLocator = function (d) {
  2. return 'translate(' + (bubbleX(d)+20) + ',' + (bubbleY(d)) + ')';
  3. };

原网址: 访问
创建于: 2023-01-15 23:14:03
目录: default
标签: 无

请先后发表评论
  • 最新评论
  • 总共0条评论