C3: 포인트에 대한 사용자 정의 모양

에 만든 2015년 03월 20일 · 47코멘트 · 출처: c3js/c3

그래프 포인트에 대해 다양한 모양(원, 사각형, 삼각형, 별, ...)을 정의할 수 있으면 좋을 것입니다.

그 이유는 2가지입니다.

그레이 스케일 프린터에서 인쇄
색맹

응답 없이 Google 그룹에 일부 주제가 생성되었습니다.
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

출처

dsnoeck

👍40

가장 유용한 댓글

이 기능을 원하는 모든 사용자는 +1에 답장하는 대신 직접 구독하거나 이모티콘 응답을 사용하세요.

감사 해요.

aendrew 에 2016년 11월 03일

👍29

모든 47 댓글

이 기능에 정말 감사드립니다.

dotch 에 2015년 04월 10일

luisbosch 에 2015년 04월 10일

전공 +1

brandonreid 에 2015년 04월 23일

mlap-sbs 에 2015년 05월 27일

+1
누구든지 이것을 달성하는 방법을 찾았습니까?

prakulgupta 에 2015년 07월 13일

플롯 포인트에 대한 사용자 정의 모양을 구현하는 작업을 했습니다. 정사각형과 직사각형 모양을 구현했습니다.
내 작업은 다음과 같습니다.
https://github.com/prakulgupta/c3.js-CustomPlotPointShapes-Feature.git

이것이 사용자 정의 모양 기능이 필요한 사람들에게 도움이 되기를 바랍니다. +1:

prakulgupta 에 2015년 07월 29일

@prakulgupta 감사합니다!
다른 모양을 얻으려면 차트가 작성된 후 d3 함수를 실행해야 했습니다. 이 함수는 원을 사각형으로 바로 변경했습니다.. 기분이 나쁩니다. 내 계획은 직선 d3으로 산점도를 다시 작성하는 것이 었습니다. 그 repo를 시험해 볼 것입니다!

brandonreid 에 2015년 07월 29일

+1도 이것이 통합되는 것을 보고 싶어합니다.

pimlinders 에 2015년 08월 10일

+1 절실히 필요합니다

MarcelBruse 에 2015년 09월 11일

+1 굉장합니다!

holgerb 에 2015년 09월 16일

@prakulgupta 풀 리퀘스트에 정말 좋은 후보인 것 같습니다! 그렇게 하는 것을 고려하시겠습니까? 감사 해요!

aendrew 에 2015년 09월 21일

나는 삼각형 모양을 원합니다 :( 또는 화살표 표시. 막대 차트에 포인트를 표시하려면.

ghost 에 2015년 10월 01일

Kuzzy 에 2015년 12월 04일

jogiaa 에 2016년 01월 29일

👍

sambao21 에 2016년 03월 07일

이에 대한 해결책을 찾았습니다. d3을 사용합니다. 당신이 상상하는 것보다 훨씬 쉽습니다. 예: http://bl.ocks.org/bunkat/2595950

brandonreid 에 2016년 03월 07일

나는 이것이 진정한 해결책이 아니라고 말하고 싶습니다.
우리는 c3가 제공하는 수많은 기능을 사용하고 있습니다. 기본 d3 라이브러리를 사용하여 다시 작성하는 것은 그다지 유용하지 않습니다.

holgerb 에 2016년 03월 08일

+1, 범례에 대한 포인트 유형도 있으면 좋을 것입니다.

adekbadek 에 2016년 03월 10일

+1 !

lbonnet 에 2016년 03월 11일

petersandor 에 2016년 07월 27일

👍

roryhardy 에 2016년 08월 24일

bekzod 에 2016년 11월 03일

이 기능을 원하는 모든 사용자는 +1에 답장하는 대신 직접 구독하거나 이모티콘 응답을 사용하세요.

감사 해요.

aendrew 에 2016년 11월 03일

👍29

그래프를 표시하는 이 두 가지 유형 사이의 전환 모드와 같은 것이 깔끔할 것입니다.

DestructionOfPlanetJupiter 에 2016년 11월 19일

이를 수행하기 위해 https://github.com/d3/d3-shape#symbols 와 같은 것을 사용할 수 있습니까?

bsell93 에 2016년 11월 21일

👍1

분산형 차트가 있는 다른 솔루션은 여기를 참조하십시오. http://stackoverflow.com/a/41848255/1178015

nirsalon 에 2017년 01월 25일

felipyamorim 에 2017년 02월 10일

👍

chendachao 에 2017년 07월 18일

👍

thomashibbard 에 2017년 08월 14일

ashleydavis 에 2017년 08월 16일

cmh-germany 에 2017년 09월 15일

이 문제/요청의 상태는 무엇입니까? 이것이 제가 C3js를 사용하는 것을 막는 유일한 이유이며 저는 그렇게 하고 싶습니다. A11y는 큰 관심사이며 인쇄 및 색맹에 대한 점은 유효합니다. 작년에 엄지 손가락을 추가했지만 스레드는 솔루션 측면에서 침묵했습니다. 이것은 현재 개발 중인 것입니까 아니면 이 요청이 거부되고 있습니까?

모든 놀라운 작업에 감사드리며 해결이 가능하기를 바랍니다.

egoens 에 2017년 09월 15일

👍2

이미지 또는 svg와 같은 기호 이상을 허용하는 경우에도 유용합니다.
예를 들어, 일부 속성을 기반으로 특정 데이터 세트를 강조 표시하는 것은 정말 깔끔합니다.

ivarkallejarv 에 2017년 10월 13일

👍2

데이터 세트의 특정 지점에 특정 모양을 설정할 수 있다면 더욱 멋질 것입니다.
적용 예: 풍속 그래프(날짜 x, 속력 y)에서 각 값에 바람의 방향을 표시할 수 있습니다(점 모양의 방향 화살표).

locinus 에 2017년 10월 24일

👍6

hsuh 에 2017년 10월 24일

👍

a-inparadise 에 2017년 10월 24일

👍

marcossilvabr 에 2017년 11월 20일

+1을 하거나 좋아요를 누르는 대신 좋아하는 댓글에 찬성 투표를 하십시오. 다른 사람의 받은 편지함에 스팸을 보내지 않고 관련 입력에 대한 메시지만 보내서 문제를 더 쉽게 따를 수 있습니다.

ivarkallejarv 에 2017년 11월 20일

👍9

👍

AbdurRehman91 에 2018년 03월 28일

👍

sommergis 에 2018년 04월 19일

👍

desmondiwang 에 2018년 05월 05일

👍

pchaganti 에 2018년 05월 05일

c3 코드베이스에 대한 더 깊은 지식을 가진 누군가가 이 변경을 구현할 수 있는 방법에 대해 언급할 수 있습니까? 그러한 지침이 주어지면 아마도 지역 사회의 누군가가 자원하여 이 작업을 맡을 것입니다.

opensrcery 에 2018년 06월 12일

👍1

하이차트 사용... 더 나은 방법: https://www.highcharts.com/blog/products/highcharts/

bsell93 에 2018년 06월 13일

👎7

이에 대한 진전이 예상됩니까? 이것은 이 글을 쓰는 시점에서 거의 4년 된 문제입니다.

BrandKNY 에 2019년 02월 22일

@BrandKNY 이 프로젝트는 더 이상 유지 관리되지 않습니다. billboard.js는 새로운 활성 분기이지만 이 기능은 billboard.js에서도 준비되지 않았습니다.

DemersM 에 2019년 02월 22일

( 이 문제는 old/2015 입니다! 하지만 https://c3js.org/reference.html 에는 포인트 스타일이 없습니다)

아마도 첫 번째 단계는 "모든 모양"으로의 큰 점프 대신 약간의 향상을 포함하는 것입니다... 제안: data.colors 에서와 같이 데이터 세트당 정의, 원 반경을 객체로 정의하는 옵션 제공,

 point: { 
    r: { data1: 5,   data2: 2.5 } 
}

ppKrauss 에 2019년 07월 12일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

C3: 포인트에 대한 사용자 정의 모양

가장 유용한 댓글

모든 47 댓글

관련 문제