C3: D3 4.0 호환성

방금 0.4.11-rc4 버전에 C3를 설치하고 4.0.0-alpha.29 버전에 D3를 설치했는데 작동하지 않는 것 같습니다. :(

작동하지 않습니다. D3 4.0에 몇 가지 주요 변경 사항이 있으므로 c3.js 호출도 업데이트해야합니다.

여기를 참조하십시오 :

버전 4.0은 이전 버전과 호환되지 않는 주요 릴리스임을 의미합니다.

https://github.com/visfest/topics2015/blob/master/d3-v4.md

흥미 롭군. 아마도 이것은 Webpack fork 에 대해 연구하고있는 것과 같이 코드베이스의 많은 부분을 더 모듈화되도록 재 작성할 수있는 좋은 기회 일 것입니다. 이제 모든 것이 D3에서 Rollup과 함께 ES6 가져 오기를 사용하고 있기 때문에 모듈을 더 잘 사용하여 C3와 트리 쉐이킹과 같은 것을 활성화하는 것이 정말 현명 할 수 있습니다.

즉, 저는 JS 디자인 패턴 전문가 근처에 있지 않습니다. 포크를 보면 기본적으로 각 파일을 CommonJS로 가져 와서 연결 프로세스가 라이브러리를 빌드하는 방법을 유지했습니다. 더 모듈화되도록 리팩토링하는 방법에 대한 제안은 많이 주시면 감사하겠습니다.

나는 forking c3를 고려해 왔고, 내부 도구로 많이 사용하고 있으며 내 자신의 버전을 적극적으로 유지 관리하고 있습니다. 나는 많은 버그를 수정해야했고, 불행히도이 저장소에 대한 커밋은 받아 들여지지 않을 것이라는 것을 알고있었습니다.

내가 추가 한 것 중 일부는 애트리뷰트와 선택기의 캐싱인데, 이로 인해 차트 다시 그리기 방법과 초기 렌더링에서 성능이 두 배 향상되었습니다. 또한 그라디언트 차트를 렌더링하는 기능과 더 나은 도구 설명과 같은 기능을 추가해야했습니다. 이 라이브러리를 사용하는 동안 구현해야하는 문서화되지 않은 수많은 수정 사항.

c3.core를 사용하면 모든 차트를 포함하여 슈퍼 린 빌드를 생성 할 수 있습니다. c3의 차트.

c3에 포함될 수있는 D3-4.0 개선 사항은 말할 것도 없습니다. 어쨌든 나는이 라이브러리에 대해 고백 할 수 있지만, 우리가이 라이브러리에 기여할 수 없다는 것이 슬프게도 최고의 라이브러리 중 하나입니다.

나는 c3와 d3 @ v4를 가지고 놀았다

그러나 ES6 가져 오기 및 내보내기를 사용하기 위해 c3의 concat 및 d3 스매시 작업을 대체하여 약간의 Rollup 단맛을 얻을 수있었습니다. 그것은 세 번의 흔들림을위한 많은 공간을 남겨 두지 않지만, 나는 땜질을하지 않았습니다.

@abacaj 내가 과거에 한 일은 오픈 소스 프로젝트와 장기 포크를 유지하기 위해 만든 조직으로 포크하는 것이 었습니다 : https://github.com/huaofoundrie. 관심이 있으시면 저에게 말씀해 주시면 c3 nextgen을 관리 할 수 ​​있도록 관리자 권한을 부여하겠습니다.

@abacaj 및 @amenadiel 안녕하세요! 아직 포기하지 마세요. 저는 문제 대기열과 다른 곳에서 엄청난 작업을 수행하여 최대한 빨리 0.4.11을 밀어 낼 계획입니다.

그 후 우리는 새로운 기능 릴리스를 위해 라이브러리에 언급 한 많은 내용을 얻을 수있는 방법을 찾고 있으며, 앞으로 훨씬 더 빠르게 반복 할 수 있기를 바랍니다. 두 사람을 어떻게 든 참여시키고 싶습니다 ( @abacaj , 귀하의 생각은 다음과 같습니다 : c3.core는 현물입니다. 지난 며칠 동안 정확히 어떻게 할 것인지 고려해 왔습니다). 내가 당신이 겪은 문제를 해결하는 동안 당신이 한 일을 문서화 / 신용 할 수 있도록 당신의 개인 포크를 어딘가에 밀어 넣으시겠습니까?

감사! 😄

@aendrew 확실히,이 프로젝트를 다시 움직이고 싶다면, 물론 저의 첫 번째 선택은 메인 저장소에 기여하는 것입니다.

@amenadiel 환상적입니다. 실험을 어딘가에 밀어 넣어 주시겠습니까? 코드베이스를 더 잘 모듈화 할 수있는 또 다른 방법을 보는 것도 좋을 것입니다. 확실히 필요합니다. 소스 코드를 계속 연결해야하는 것이 너무 지겨워 요 ...

요즘 POC를 만들 게요

v4가 공식적으로 출시 된 것 같습니다. c3를 통해 제공되는 업데이트를 보는 것이 좋을 것입니다.

@travi에 동의하고 적어도 첫 번째 "시작하기"예제 는 d3 4.0.0에서 작동하지 않는다는 것을 확인합니다. 지금은 괜찮습니다. 저는 bower에서 제안한 d3 3.5.0 버전을 사용하지만 모든 버전을 최신 상태로 유지하고 적절하게 작동하는 것이 좋습니다.

@alundiak et al, 4.0에서는 그대로 작동하지 않습니다. D3 v4는 완전히 다른 네임 스페이스를 가지며 이전 버전과 호환되지 않습니다. v4로 업데이트하는 것은 매우 간단한 작업입니다.

다른 접근 방식을 시작하고 있습니다. c3를 es6 모듈로 분리하면 도움이 될 수 있습니다.

d3에 ES6 shim을 사용하는 첫 번째 접근 방식은 대부분의 테스트를 통과했지만 모듈 구조와 일관된 폴더 구조를 만들기 전까지는 많은 작업이 필요합니다.

적어도 Chart, Chartinternal 및 Axis는 세 개의 분리 된 모듈이어야합니다. 앞서 언급 한 모듈의 일부 정적 메서드는 자체적으로 메서드가되어야합니다.

지금까지 실험 결과로 PR을 만들었습니다 : https://github.com/c3js/c3/pull/1765

여기에는 d3에 대한 변경 사항이 포함되지 않습니다. 최소한의 d3 @ 3 스켈레톤을 사용하고 d3 @ 4 서브 모듈로 원숭이 패치를 사용한다는 것을 의미하는 변경 사항은 # 1765를 기반으로 구축 될 것입니다.

이 문제에 대한 업데이트가 있습니까?

D4 버전 4로 업데이트하지 않으면 더 이상이 라이브러리를 사용할 수 없습니다.

@Niondir 호기심에 왜 이런 경우입니까? V4는 D3의 기능이나 안정성에 큰 변화를 가져 오지 않습니다. 프로젝트의 다른 곳에서 D3 v4를 사용하고 싶지 않다면 (그리고 C3의 버전이 충돌을 일으키는 경우), C3가 사용하는 D3의 버전은 그다지 중요하지 않아야합니다. , v4 업그레이드를 진행해야하는 부담이 증가 할 수 있으므로 알려주십시오.

그럼에도 불구하고 이번 주 # 1765에서 @amenadiel 의 광범위한 PR을보고 있으며 궁극적으로이를 C3 v1 용 V4로 업그레이드하기위한 기초로 사용할 수 있습니다. 모두 인내하십시오. 이것은 아마도 지금 전체 대기열에서 가장 사소한 문제 일 것입니다. 😄

선택기에서 merge () 함수가 누락 된 몇 가지 문제를 기억합니다.

@Niondir 좋아요, v4에는 selection.merge 이 있지만 v3에는 없습니다.하지만 이것이 일상적인 라이브러리 사용에 어떤 영향을 미칩니 까? C3 외부에서 D3를 사용하지 않는 경우 라이브러리를 업데이트 할 때까지 v4를 사용해도 실질적인 이점이 없습니다. 오해하지 마세요. C3 개발의 맥락에서 v4로 업데이트해야하는 많은 이유가 있습니다 (사용자 지정 빌드 및 그중 라이브러리 크기 감소).하지만 최종 사용자의 관점에서는 현재 욕망. 유스 케이스에 대한 더 많은 정보를 환영합니다! 😄

우리가 활용하고 싶었던 한 가지 문제는 v4의 datetime 구문 분석입니다. v3는 ISO-8601 날짜에 대해 TZ 오프셋 충실도를 사용하는 밀리 초를 지원하지 않지만 v4는 지원합니다. 우리는 c3 외부에서 d3 포맷터를 사용하지만 두 버전을 모두로드하지 않고 향상된 구문 분석을 활용할 수 없습니다.

@travi 건배, 도움이됩니다. : +1 :

d3-time-format 별도의 라이브러리로 설치하고 데이터를 처리하여 C3에 전달하면 작동할까요? 그렇지 않다면 시작하기에 좋은 초기 사용자 스토리입니다.

나는 우리 시스템의 그 ​​부분에 충분히 깊숙이 들어 간지 얼마 지나지 않아 인정할 것입니다. 그래서 더 이상 그 부분에 내 머리를 두지 않지만 우리를 가까이 할 것 같습니다.

나는 C3가 분석에 사용되었다 파서를 교환 할 수있는 방법이있을 것 같지 않았기 때문에 나는 우리의 다른 포매터를 업데이트 멀리 백업 이유가 있었다 확신한다 data.json 에 전달 .generate() . v4 파서를 사용하여 그 정도를 얻을 수있는 방법이 있다면 우리 사용 사례에 적합한 방향으로 나아가는 좋은 단계라고 생각합니다.

내 사용 사례를 믹스에 넣는 것뿐입니다.

우리의 구현에는 버전 4에서 훨씬 더 잘 작동하도록 업데이트 된 D3 팩 레이아웃 이 필요합니다.

변경 로그에서 :

원형 패킹 레이아웃 인 d3.pack은 Wang 등의 알고리즘을 더 잘 구현하고 주요 버그를 수정하고 결과를 개선하기 위해 완전히 다시 작성되었습니다! Welzl의 알고리즘은 이제 Wang 등이 사용하는 대략적인 답이 아닌 각 부모에 대한 정확한 가장 작은 둘러싸는 원을 계산하는 데 사용됩니다.

수동으로 차트를 작성하는 대신 C3.js를 구현하는 방법을 찾고 있습니다. 이것은 그 스위치에 대한 거래 차단기입니다.

저는 C3.js에 대해 비판적이지 않고 D3 V4로 업그레이드해야 할 작업을 완전히 인식합니다. 이 특정 문제에 대한 결정을 내리는 데 도움이되는 경우를 대비하여 시나리오를 제공하십시오.

고마워요!

@beaudesigns 건배, 매우 도움이됩니다.

지금까지 v1에서 수행 한 작업으로 WIP 풀 요청을 만들고 병합 할 준비가 될 때까지 작업 할 수 있습니다. 나는 선거와 내가 작업중인 책에 미친 듯이 바쁘지만, 앞으로 나아가도록 도와 줄 사람들이 기여할 수 있다면 그것을 좋아할 것이다.

이것에 대한 업데이트가 있습니까? C3를 D3 v4와 호환되도록 만드는 작업이 약간 멈춘 것 같습니다.

이 문제의 상태는 어떻습니까? D3 4.x에 대해 Cannot read property 'format' 오류가 있습니다.

여기서도 마찬가지지만, 관리자가 마이그레이션에서 가장 가치있는 것이 무엇인지 알려 주면 마이그레이션을 기꺼이 도와 드리겠습니다. 훌륭한 작업에 다시 한 번 감사드립니다!
건배,

나는 이것을 # 2246에서 작업하고 있습니다. 여전히 몇 가지 수정이 필요하지만 기본적으로 잘 작동하는 것 같습니다.

https://github.com/c3js/c3/commit/ccff119809de05a68ff3e33521a79566bf12b903 에 의해 추가 된 D3 v4에 대한 지원이 0.5.0 릴리스에서 제공되어야합니다.

C3JS를 최신으로 업데이트했을 때 Gauge에서 한 가지 문제를 발견했습니다. 여기는 https://github.com/c3js/c3/issues/2390입니다.