C3: ポイントのカスタム形状

作成日 2015年03月20日  ·  47コメント  ·  ソース: c3js/c3

グラフポイントにさまざまな形状（円、正方形、三角形、星など）を定義できると便利です。

それらはその2つの主な理由です：

  • グレースケールプリンターでの印刷
  • 色覚異常の人

いくつかのトピックは、応答なしでグーグルグループで作成されました：
https://groups.google.com/d/topic/c3js/I2UhY4U6zI0/discussion
https://groups.google.com/d/topic/c3js/gZrpl0QpKYw/discussion
https://groups.google.com/d/topic/c3js/6QRQ1VWx3vw/discussion

凡例は、ポイントに定義されているものと同じ形状を使用する必要があります。

これが私が構成を想像する方法です：

point: {
  shape: {
    'data1': 'circle',
    'data2': 'square',
    'data3': 'triangle'
  }
}

または、他のカスタム属性を定義するために：

point: {
  'data1': {
    shape: 'circle',
    color: '#ff0000',
    r: 2
  },
  'data2': {
    shape: 'square',
    color: '#0000ff',
    r: 3
  }
}
C-feature-request R-needs-docs
ソース
picture dsnoeck
👍40

最も参考になるコメント

この機能をご希望の場合は、+ 1と返信する代わりに、自分で登録するか、絵文字の返信を使用してください。

ありがとう。

picture aendrew 2016年11月03日
👍29

全てのコメント47件

この機能を本当にいただければ幸いです。

dotch picture dotch 2015年04月10日

+1

luisbosch picture luisbosch 2015年04月10日

メジャー+1

brandonreid picture brandonreid 2015年04月23日

+1

mlap-sbs picture mlap-sbs 2015年05月27日

+1
誰かがこれを達成する方法を見つけましたか？

prakulgupta picture prakulgupta 2015年07月13日

プロットポイントのカスタムシェイプの実装に取り​​組みました。 正方形と長方形の形状を実装しました。
これが私の仕事です：
https://github.com/prakulgupta/c3.js-CustomPlotPointShapes-Feature.git

これがカスタムシェイプ機能を必要とする人々に役立つことを願っています：+1：

prakulgupta picture prakulgupta 2015年07月29日

ありがとう@prakulgupta ！
さまざまな形状を実現するために、チャートを作成した後、円を正方形に変更するd3関数を実行する必要がありました。 私の計画は、まっすぐなd3で散布図を再構築することでした。 そのレポを試してみます！

brandonreid picture brandonreid 2015年07月29日

+1は、これも統合されることを望んでいます。

pimlinders picture pimlinders 2015年08月10日

+1がひどく必要

MarcelBruse picture MarcelBruse 2015年09月11日

+1は素晴らしいでしょう！

holgerb picture holgerb 2015年09月16日

@prakulguptaそれはプルリクエストの本当に良い候補のように見えます！ あなたは多分そうすることを考えますか？ ありがとう！

aendrew picture aendrew 2015年09月21日

三角形の形が欲しい:(、または矢印マーク。棒グラフでポイントを表示します。

ghost picture ghost 2015年10月01日

+1

Kuzzy picture Kuzzy 2015年12月04日

+1

jogiaa picture jogiaa 2016年01月29日

👍

sambao21 picture sambao21 2016年03月07日

私はこれに対する解決策を見つけました。 d3を使用します。 想像以上に簡単です。 例：http： //bl.ocks.org/bunkat/2595950

brandonreid picture brandonreid 2016年03月07日

これは実際には解決策ではないと思います。
c3が提供する関数の穴の束を使用しています。 ネイティブのd3ライブラリを使用してそれらを書き直すことはあまり役に立ちません。

holgerb picture holgerb 2016年03月08日

+1、凡例のポイントタイプがあると便利です

adekbadek picture adekbadek 2016年03月10日

+1！

lbonnet picture lbonnet 2016年03月11日

+1

petersandor picture petersandor 2016年07月27日

👍

roryhardy picture roryhardy 2016年08月24日

+1

bekzod picture bekzod 2016年11月03日

この機能をご希望の場合は、+ 1と返信する代わりに、自分で登録するか、絵文字の返信を使用してください。

ありがとう。

aendrew picture aendrew 2016年11月03日
👍29

グラフを表示するこれら2つのタイプ間のスイッチモードのようなものは、きちんとしています。

DestructionOfPlanetJupiter picture DestructionOfPlanetJupiter 2016年11月19日

これを実現するためにhttps://github.com/d3/d3-shape#symbolsのようなものを使用できますか？

bsell93 picture bsell93 2016年11月21日
👍1

散布図を使用した別のソリューションについては、こちらをご覧ください： http ://stackoverflow.com/a/41848255/1178015

nirsalon picture nirsalon 2017年01月25日

+1

felipyamorim picture felipyamorim 2017年02月10日

👍

chendachao picture chendachao 2017年07月18日

👍

thomashibbard picture thomashibbard 2017年08月14日

+1

ashleydavis picture ashleydavis 2017年08月16日

+1

cmh-germany picture cmh-germany 2017年09月15日

この問題/リクエストのステータスはどうなっていますか？ これが私がC3jsを使用することを妨げている唯一のことであり、私はそれを望んでいます。 A11yは大きな懸念事項であり、印刷と色覚異常に関するポイントは有効です。 昨年、親指を立てましたが、解決策の観点からスレッドは沈黙しています。 これは現在開発中の可能性があるものですか、それともこのリクエストは拒否されていますか？

すべての素晴らしい仕事に感謝し、解決が可能であることを願っています。

egoens picture egoens 2017年09月15日
👍2

また、画像やsvgなどのシンボル以上のものを許可する場合にも役立ちます。
たとえば、いくつかの属性に基づいて特定のデータセットを強調表示すると、非常に便利です。

ivarkallejarv picture ivarkallejarv 2017年10月13日
👍2

データセットの特定のポイントに特定の形状を設定できるとしたら、さらにすばらしいでしょう。
例のアプリケーション：風速グラフ（xの日付、yの速度）では、各値の風の方向を示すことができます（点の形としての方向矢印）。

locinus picture locinus 2017年10月24日
👍6

+1

hsuh picture hsuh 2017年10月24日

👍

a-inparadise picture a-inparadise 2017年10月24日

👍

marcossilvabr picture marcossilvabr 2017年11月20日

+1や賛成のコメントをする代わりに、好きなコメントに賛成してください。誰かの受信トレイにスパムを送信せず、関連する入力に関するメッセージのみを送信することで、問題の追跡が容易になります。

ivarkallejarv picture ivarkallejarv 2017年11月20日
👍9

👍

AbdurRehman91 picture AbdurRehman91 2018年03月28日

👍

sommergis picture sommergis 2018年04月19日

👍

desmondiwang picture desmondiwang 2018年05月05日

👍

pchaganti picture pchaganti 2018年05月05日

c3コードベースの知識が豊富な人は、この変更を実装する方法についてコメントできますか？ そのようなガイダンスが与えられれば、おそらくコミュニティの誰かがこのタスクを引き受けることを志願するでしょう。

opensrcery picture opensrcery 2018年06月12日
👍1

ハイチャートを使用する...はるかに優れている： https ：//www.highcharts.com/blog/products/highcharts/

bsell93 picture bsell93 2018年06月13日
👎7

これに関して何か進展が期待されますか？ これは、この記事の執筆時点でほぼ4年前の問題です。

BrandKNY picture BrandKNY 2019年02月22日

@BrandKNYこのプロジェクトはもうメンテナンスされていません。 billboard.jsは新しいアクティブなブランチですが、この機能はbillboard.jsでも準備ができていません

DemersM picture DemersM 2019年02月22日

（この問題はold / 2015です！ただし、https：//c3js.org/reference.htmlにはポイントスタイルがありません）

おそらく最初のステップは、「任意の形状」への大きなジャンプの代わりに少し拡張を含めることです...提案： data.colorsのように、データセットごとの定義、オブジェクトとして円の半径を定義するオプションを提供します、

 point: { 
    r: { data1: 5,   data2: 2.5 } 
}
ppKrauss picture ppKrauss 2019年07月12日
このページは役に立ちましたか？
0 / 5 - 0 評価

関連する問題

zachallia picture zachallia  ·  3コメント
Saikat-Sinha picture Saikat-Sinha  ·  3コメント
ivarkallejarv picture ivarkallejarv  ·  3コメント
alantygel picture alantygel  ·  3コメント
u119102 picture u119102  ·  3コメント