【问题标题】:C3.js Change Circle Shape to SquareC3.js 将圆形更改为方形
【发布时间】:2015-06-30 19:08:02
【问题描述】:

使用 c3.js,想知道是否有任何方法可以将散点图上的圆圈更改为其他东西,例如矩形?也许某种 d3 脚本..

希望使用形状来区分两种形式的数据(位置和竞争对手)。

任何帮助将不胜感激!

【问题讨论】:

  • 所以要清楚你是想把一个圆做成正方形 :) 从源代码和检查图表看来,“圆”在很多地方都是硬编码的,而且很难改变.关于图表,如果您真的需要严格控制,建议您自己使用指令和 SVG(如果您觉得有用的话,请使用 D3)。最近使用纯 SVG 构建了一个折线图和条形图组件,结果更改起来更简单。
  • 你可以在这篇文章中查看答案,stackoverflow.com/questions/17437408/…
  • 欣赏它,伙计们!正如下面的答案所提到的,圆圈是非常硬编码的,所以是的,必须在渲染后交换它们。

标签: angularjs svg d3.js c3


【解决方案1】:

我认为目前不可能,但您可能希望密切关注/贡献这个 github 问题,该问题已请求该功能:https://github.com/masayuki0812/c3/issues/1071

【讨论】:

    【解决方案2】:

    css 中正方形的 Workarond。这不是最好的方法,但是...

    circle {
        stroke: rgb(255, 127, 14); 
        stroke-linecap: square; 
        stroke-dasharray: 0.1 60; 
        stroke-width: 14px;
    }
    

    【讨论】:

      猜你喜欢
      • 2015-07-26
      • 2019-01-30
      • 1970-01-01
      • 2020-07-11
      • 2014-04-09
      • 1970-01-01
      • 1970-01-01
      • 2020-07-05
      • 1970-01-01
      相关资源
      最近更新 更多