Highchart를 사용하여 여러 원형 차트의 json

Dot Net Dev 19

이와 같은 json 데이터가 있습니다.

var data=    {
        'A' : {
            'Total' : 123,
            'Cricket' : 76,
            'Football' : 12,
            'Hockey' : 1,
            'None' : 10

        },
    'B' : {
        'Total': 123,
        'Cricket': 76,
        'Football': 12,
        'Hockey': 1,
        'None': 10
    },
    'C' : {
        'Total': 123,
        'Cricket': 76,
        'Football': 12,
        'Hockey': 1,
        'None': 10
    }   
}

저는 이것을 HighChart에 채우고 싶습니다. 저는이 접근법을 사용하고 있습니다. Highcharts-json의 다중 원형 차트

하지만 다음과 같은 차트가 필요합니다. http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/pie-basic/

하지만 위의 json에서와 같이 ABC에 대한 세 개의 원형 차트가 필요합니다.

카밀 쿨 리그

이 예제를 시도하십시오 : http://jsfiddle.net/kkulig/2jq0dvgL/

다음 코드를 사용하여 데이터를 차트 생성자에 전달하기 전에 준비합니다.

var data = [];
$.each(item, function(prop, value) {
  data.push({
    name: prop,
    y: value
  });
});

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Highchart를 사용하여 PHP를 원형 차트의 JSON에 적합한 문자열로 포맷하는 방법

분류에서Dev

하이 차트를 사용하여 여러 원형 차트를 표시하는 방법

분류에서Dev

d3.js를 사용하여 원형 차트 만들기?

분류에서Dev

d3.js를 사용하여 원형 차트 만들기?

분류에서Dev

json 및 mysql php를 사용하여 선형 차트 만들기

분류에서Dev

highchart를 사용하여 원형 차트 조각을 클릭하면 버튼 클릭 이벤트를 호출하는 방법

분류에서Dev

JavaScript for 루프를 사용하여 주어진 json 값에서 사용자 정의 json 형식을 원합니다.

분류에서Dev

여러 개의 원형 차트를 세로로 그리시겠습니까?

분류에서Dev

jolt를 사용하여 하나의 입력 json을 원하는 형식으로 변환하고 싶습니다.

분류에서Dev

SPServices jQuery 라이브러리와 함께 Highcharts를 사용하여 원형 차트 만들기

분류에서Dev

jqplot을 사용하여 3 차원 원형 차트 그리기

분류에서Dev

pykcharts 라이브러리를 사용하여 원형 차트의 색상을 변경하는 방법은 무엇입니까?

분류에서Dev

CorePlot을 사용하여 원형처럼 보이는 원형 차트를 어떻게 만들 수 있습니까?

분류에서Dev

highchart.js를 사용하여 차트 그리기

분류에서Dev

jq를 사용하여 json 트리의 여러 키 / 값 구문 분석

분류에서Dev

표시 할 원형 차트의 수를 동적으로 결정하고 CanvasJS를 사용하여 단일 페이지에 각 차트를 표시합니다.

분류에서Dev

Google 차트를 사용하여 3D 원형 차트의 pieSliceText에 레이블과 값을 모두 표시하려면 어떻게해야합니까?

분류에서Dev

Data Cube를 사용하여 드릴 다운하는 대화 형 BIRT 원형 차트

분류에서Dev

Scala의 Play Framework를 사용하여 원본 Json 변환

분류에서Dev

ExtJS 5 원형 차트가 원격 저장소를 사용하여 렌더링되지 않음

분류에서Dev

Hightchart-ng를 사용하여 Highcharts 반원형 도넛 형 차트를 만드는 방법

분류에서Dev

동일한 형식의 .net ID를 사용하여 여러 사용자 등록

분류에서Dev

matlab 2016b에서는 컬러 맵을 사용하여 원형 차트의 조각을 채색합니다.

분류에서Dev

D3를 사용하여 SVG 원형 차트 생성 텍스트를 세로로 정렬하는 방법

분류에서Dev

ggplot을 사용하여 r에서 변형 원형 막대 차트를 그리는 방법

분류에서Dev

fmod를 사용하는 PCM 데이터 형식-여러 paltform의 차이점

분류에서Dev

fmod를 사용하는 PCM 데이터 형식-여러 paltform의 차이점

분류에서Dev

Ajax를 사용하여 POST 데이터를 JSON 형식으로 Symfony2 컨트롤러로 보냅니다.

분류에서Dev

json을 사용하여 여러 레코드 세트를 반환하는 방법

Related 관련 기사

  1. 1

    Highchart를 사용하여 PHP를 원형 차트의 JSON에 적합한 문자열로 포맷하는 방법

  2. 2

    하이 차트를 사용하여 여러 원형 차트를 표시하는 방법

  3. 3

    d3.js를 사용하여 원형 차트 만들기?

  4. 4

    d3.js를 사용하여 원형 차트 만들기?

  5. 5

    json 및 mysql php를 사용하여 선형 차트 만들기

  6. 6

    highchart를 사용하여 원형 차트 조각을 클릭하면 버튼 클릭 이벤트를 호출하는 방법

  7. 7

    JavaScript for 루프를 사용하여 주어진 json 값에서 사용자 정의 json 형식을 원합니다.

  8. 8

    여러 개의 원형 차트를 세로로 그리시겠습니까?

  9. 9

    jolt를 사용하여 하나의 입력 json을 원하는 형식으로 변환하고 싶습니다.

  10. 10

    SPServices jQuery 라이브러리와 함께 Highcharts를 사용하여 원형 차트 만들기

  11. 11

    jqplot을 사용하여 3 차원 원형 차트 그리기

  12. 12

    pykcharts 라이브러리를 사용하여 원형 차트의 색상을 변경하는 방법은 무엇입니까?

  13. 13

    CorePlot을 사용하여 원형처럼 보이는 원형 차트를 어떻게 만들 수 있습니까?

  14. 14

    highchart.js를 사용하여 차트 그리기

  15. 15

    jq를 사용하여 json 트리의 여러 키 / 값 구문 분석

  16. 16

    표시 할 원형 차트의 수를 동적으로 결정하고 CanvasJS를 사용하여 단일 페이지에 각 차트를 표시합니다.

  17. 17

    Google 차트를 사용하여 3D 원형 차트의 pieSliceText에 레이블과 값을 모두 표시하려면 어떻게해야합니까?

  18. 18

    Data Cube를 사용하여 드릴 다운하는 대화 형 BIRT 원형 차트

  19. 19

    Scala의 Play Framework를 사용하여 원본 Json 변환

  20. 20

    ExtJS 5 원형 차트가 원격 저장소를 사용하여 렌더링되지 않음

  21. 21

    Hightchart-ng를 사용하여 Highcharts 반원형 도넛 형 차트를 만드는 방법

  22. 22

    동일한 형식의 .net ID를 사용하여 여러 사용자 등록

  23. 23

    matlab 2016b에서는 컬러 맵을 사용하여 원형 차트의 조각을 채색합니다.

  24. 24

    D3를 사용하여 SVG 원형 차트 생성 텍스트를 세로로 정렬하는 방법

  25. 25

    ggplot을 사용하여 r에서 변형 원형 막대 차트를 그리는 방법

  26. 26

    fmod를 사용하는 PCM 데이터 형식-여러 paltform의 차이점

  27. 27

    fmod를 사용하는 PCM 데이터 형식-여러 paltform의 차이점

  28. 28

    Ajax를 사용하여 POST 데이터를 JSON 형식으로 Symfony2 컨트롤러로 보냅니다.

  29. 29

    json을 사용하여 여러 레코드 세트를 반환하는 방법

뜨겁다태그

보관