div 속성에서 dimple.js 차트를 구동

Question

현재 내 코드에는 다양한 보조 차트, 일반적으로 svg, 차트, 축 등의 보일러 플레이트를 설정하는 작은 함수가 많이 있습니다. 대부분의 경우 이러한 함수는 일대일 차트를 그릴 태그를 div로 지정합니다.

나는이 대신 같은 것을 할 수있는 시스템을 설정 생각 해요 :

내가 명명 규칙과 내가, 내가 jQuery를 사용하여 필요한 속성 세트를 파악하면

<div class="dimple-chart" margin-x="10% xAxisType="measure" xAxis="height" ...></div> 

(또는 무엇이든간에) 속성의 값을 변환하고 차트를 생성합니다.

웹 프로그래밍을 일반적으로하지 않으므로 직접 작성해야하는지 또는 이미 이와 같은 내용이 있는지 궁금합니다. 도구 나 라이브러리가없는 경우 div 태그에 맞춤 속성을 추가하는 것과 같은 몇 가지 표준이나 모범 사례가 있습니까?

필자는 필터링, 매핑 또는 데이터 축소와 같은 기본적인 데이터 변환을 수행 할 수있는 일부 템플릿 언어를 보았습니다. 이 템플릿 라이브러리가이 경우 도움이 될지 궁금하다.

Answer 1

당신은 꽤 많이 각도 지침을 설명하고 각 지침의 집합 딤플이 미래에이 질문을 방문 할 수 있습니다 누구든지 각도-딤플 http://esripdx.github.io/angular-dimple/

Answer 2

라는 존재 때문에 행운에, 나는 기본적인 프로토 타입을 xtag를 사용하는 보조 - 딤플 차트 태그 https://github.com/falconair/dimple-chart.

모질라의 x 태그 라이브러리를 사용합니다. 이것은 비 앵글 데브가 이것을 사용할 수 있음을 의미합니다. 내가 가진 것은 가장 기본적이고 개념 증명입니다. 현재, 내 의도는 내 애플 리케이션을 위해 필요한만큼 그것을 밖으로 빌드하는 것입니다. 시간이 지남에 따라 수요가 발생하면 더 정리할 수 있습니다.