하이 차트에 동적으로 HTML 테이블 추가

HTML을 통해 테이블을 추가하고 제거하는 페이지가 있습니다. 체크 박스를 선택하면 테이블이 추가되고 선택하지 않으면 테이블이 제거됩니다. 하이 챠트에이 테이블을 표시하고 싶습니다. 가급적이면 AJAX의 성공 기능을 사용하는 것이 좋습니다.하이 차트에 동적으로 HTML 테이블 추가

가장 쉬운 방법은 무엇입니까? 페이지가로드 될 때 테이블 이름을 추가 한 다음 확인란이 선택 될 때마다 Highcharts 다시 그리기를 실행합니까? 아니면 이것을하는 다른 방법이 있습니까? . 나는 차트가 여기에, 제대로 작동하려면 기능을 다시 그려지고 있지 않다

아무것도하지 않습니다 내 시도 :

$("#container").highcharts().redraw();

출처

2016-10-02 anters

테이블을 하이 차트로 변환 하시겠습니까? 그렇다면 ** HighchartTable Plugin **을 사용하여 표를 하이 차트로 변환 할 수 있습니다. 그런 다음 하이츠 차트를 div에 추가하고 체크 박스 값에 따라 표시/숨기기 div를 사용할 수 있습니다. –

표를 "있는 그대로"HTML로 표시하고 Highcharts에 추가하는 것이 좋습니다. 플러그인을 사용하는 것보다 다른 방법이 있습니까? – anters

다음과 같은 차트에 데이터를 추가 할 수 있습니다. http://www.highcharts.com/docs/getting-started/frequently-asked-questions#add-data-table –

당신은 $ ('# 용기') highcharts (옵션)를 사용합니다; 은 차트를 다시 그립니다. 여기서 options는 차트 정의가 들어있는 개체입니다.

출처

2016-10-04 07:43:00 Martin

$ ("# tableid"). append (""+ data.yourdata + "")를 사용하면 확인란의 체크 된 이벤트에 테이블 행을 동적으로 추가하고 if else 조건문을 사용하여 체크하고 체크 박스를 체크 해제하고 테이블 행을 제거하고 시도해보십시오. :)

출처

2016-10-04 07:53:13

하이 차트에 동적으로 HTML 테이블 추가

답변

관련 문제