HighCharts 열 알 수없는 시리즈 수

사라 O.

클래식 ASP에서 SQL Server의 결과로 HighCharts 데이터 세트를 채우려 고합니다. 시리즈 수를 알고 있으면 모든 것이 정상적으로 작동하지만 알 수없는 시리즈 수에 대해서는 제대로 작동하지 않습니다. 다음은 4 시리즈에 대한 코드입니다-1 줄과 3 열.

<script type="text/javascript">

   $(function () {
       var DivName1 = '<%= DivName(1)%>'
       var DivName2 = '<%= DivName(2)%>'
       var DivName3 = '<%= DivName(3)%>'
       var DivName4 = '<%= DivName(4)%>'                    

       var DivN1 = parseInt('<%= DivN(1)%>')
       var DivN2 = parseInt('<%= DivN(2)%>')
       var DivN3 = parseInt('<%= DivN(3)%>')
       var DivN4 = parseInt('<%= DivN(4)%>')                 

       var DivTotal1 = parseFloat('<%= DivTotal(1)%>')
       var DivTotal2 = parseFloat('<%= DivTotal(2)%>')
       var DivTotal3 = parseFloat('<%= DivTotal(3)%>')
       var DivTotal4 = parseFloat('<%= DivTotal(4)%>')



       $('#DivCompTotalA').highcharts({
           chart: {
               type: 'column'
           },
           title: {
               text: ''
           },
           credits: {
               enabled: false
           },
           legend: {
               layout: 'vertical',
               align: 'right',
               verticalAlign: 'top',
               itemWidth: 180,
               useHTML: true,
               x: 0,
               y: 40,
               borderWidth: 0
           },
           xAxis: {
               categories: ['']

           },
           yAxis: {
               max: 7.01,
               labels: {
                   enabled: false
               },
               gridLineColor: 'transparent',

               plotLines: [{

                   value: DivTotal1,
                   color: '#333333',
                   width: 2,

                   label: {
                       text: 'Org.=' + DivTotal1 + '<br>N=' + DivN1,
                       align: 'right',
                       y: -5,
                       x: 0,
                       style: {
                           fontSize: '13px'
                       }
                   },
                   zIndex: 2
               }],
               title: {
                   text: ''
               }

           },

           plotOptions: {
               column: {
                   pointPadding: 0.2,
                   groupPadding: 0.10,
                   borderWidth: 0
               },
               series: {
                   dataLabels: {

                       enabled: true,
                       y: 5,
                       style: {
                            fontSize: '14px'
                        }
                   },
                   enableMouseTracking: false,
                   events: {
                       legendItemClick: function () {
                           return false;
                       }
                   }
               }
           },


           series: [{
               name: DivName2 + ' [' + DivN2 + ']',
               color: '#c9e7ff',
               data: [DivTotal2]
           }, {
               name: DivName3 + ' [' + DivN3 + ']',
               color: '#4898a4',
               data: [DivTotal3]
           }, {
               name: DivName4 + ' [' + DivN4 + ']',
               color: '#ffd949',
               data: [DivTotal4]
           }]
       });
   });

내 첫 번째 질문은 다음 줄을 바꾸는 방법입니다.

var DivName1 = '<%= DivName(1)%>'
var DivName2 = '<%= DivName(2)%>'
var DivName3 = '<%= DivName(3)%>'
var DivName4 = '<%= DivName(4)%>'  

루프로이 루프를 시도했지만 성공하지 못했습니다.

var N = '<%=N %>'
    var DivName = []
    for (var i = 0; i <= N; i++) {
        DivName[i] = '<%= DivName(i)%>';
    } 

'<% = DivName (i) %>'안에 "i"를 작성하여 변형이되도록하는 방법

알렉산더 스테치 코프

다음과 같이 시도하십시오.

시리즈를 없음으로 설정 :

series: []

스크립트로 채우기 (여기서 seriesData는 준비된 데이터의 배열입니다. 형식 확인 문서)

$.each(Div, function(i){
    var chart = $('#container').highcharts();
    if (chart.series.length === 1) {
        chart.addSeries({
            name: Div[i].Name + i + ' [' + Div[i].N + ']',
            color: '#c9e7ff',
            data: Div[i].Total
        });
    }
});

다음은 시리즈 1 개를 추가하는 방법 입니다. 각 루프에 원하는만큼 추가 할 수 있습니다.

$(function () {
    $('#container').highcharts({
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },
        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
        }]
    });

    // the button handler
    $('#button').click(function () {
        var chart = $('#container').highcharts();
        if (chart.series.length === 1) {
            chart.addSeries({
                data: [194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4]
            });
        }
    });
});

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

mysqli 하위 쿼리 알 수없는 열

분류에서Dev

그리드의 알 수없는 열

분류에서Dev

SQL 알 수없는 열?

분류에서Dev

MATCH AGAINST 알 수없는 열

분류에서Dev

MySQL 알 수없는 열 '0'

분류에서Dev

Laravel 알 수없는 열

분류에서Dev

알 수없는 수의 열이있는 SQL 쿼리

분류에서Dev

이 시리즈의 일반 공식을 알 수 없습니다.

분류에서Dev

PHP SQL 쿼리 오류-WHERE 절의 알 수없는 배열 열

분류에서Dev

알 수없는 열 수를 가진 Tablesorter

분류에서Dev

알 수없는 열 수를 가진 Tablesorter

분류에서Dev

알 수없는 열 수 전치

분류에서Dev

HighCharts 차트에서 시리즈 ID를 가져올 수 없습니다.

분류에서Dev

알 수없는 SQL 쿼리

분류에서Dev

mysql 하위 쿼리의 알 수없는 열

분류에서Dev

필드 목록의 알 수없는 열 ""-쿼리 업데이트

분류에서Dev

mysql- 'IN / ALL / ANY 하위 쿼리'의 알 수없는 열

분류에서Dev

SQL : 알 수없는 열 'items.id'관계 쿼리

분류에서Dev

Laravel 쿼리 Eloquent에서 알 수없는 열 가져 오기

분류에서Dev

SQL 하위 쿼리 오류 1054 알 수없는 열

분류에서Dev

pluck 사용시 알 수없는 열 오류

분류에서Dev

업데이트시 알 수없는 열 오류

분류에서Dev

알 수없는 무시 후 하위 문자열

분류에서Dev

조건부 SELECT 인수가있는 MySQL 쿼리-Where 절의 알 수없는 열

분류에서Dev

PHP 변수에 알 수없는 양의 배열을 포함시키는 방법

분류에서Dev

Javascript Highcharts : 배열의 모든 데이터를 형식화하지 않는 데이터를 루프하는 시리즈 데이터 레이블 포맷터 함수

분류에서Dev

CakePHP : saveMany가있는 알 수없는 열

분류에서Dev

highcharts-ng로 클릭 이벤트에서 Highcharts 시리즈를 업데이트 할 수 없습니다.

분류에서Dev

Highcharts 시리즈 열당 하나의 값

Related 관련 기사

  1. 1

    mysqli 하위 쿼리 알 수없는 열

  2. 2

    그리드의 알 수없는 열

  3. 3

    SQL 알 수없는 열?

  4. 4

    MATCH AGAINST 알 수없는 열

  5. 5

    MySQL 알 수없는 열 '0'

  6. 6

    Laravel 알 수없는 열

  7. 7

    알 수없는 수의 열이있는 SQL 쿼리

  8. 8

    이 시리즈의 일반 공식을 알 수 없습니다.

  9. 9

    PHP SQL 쿼리 오류-WHERE 절의 알 수없는 배열 열

  10. 10

    알 수없는 열 수를 가진 Tablesorter

  11. 11

    알 수없는 열 수를 가진 Tablesorter

  12. 12

    알 수없는 열 수 전치

  13. 13

    HighCharts 차트에서 시리즈 ID를 가져올 수 없습니다.

  14. 14

    알 수없는 SQL 쿼리

  15. 15

    mysql 하위 쿼리의 알 수없는 열

  16. 16

    필드 목록의 알 수없는 열 ""-쿼리 업데이트

  17. 17

    mysql- 'IN / ALL / ANY 하위 쿼리'의 알 수없는 열

  18. 18

    SQL : 알 수없는 열 'items.id'관계 쿼리

  19. 19

    Laravel 쿼리 Eloquent에서 알 수없는 열 가져 오기

  20. 20

    SQL 하위 쿼리 오류 1054 알 수없는 열

  21. 21

    pluck 사용시 알 수없는 열 오류

  22. 22

    업데이트시 알 수없는 열 오류

  23. 23

    알 수없는 무시 후 하위 문자열

  24. 24

    조건부 SELECT 인수가있는 MySQL 쿼리-Where 절의 알 수없는 열

  25. 25

    PHP 변수에 알 수없는 양의 배열을 포함시키는 방법

  26. 26

    Javascript Highcharts : 배열의 모든 데이터를 형식화하지 않는 데이터를 루프하는 시리즈 데이터 레이블 포맷터 함수

  27. 27

    CakePHP : saveMany가있는 알 수없는 열

  28. 28

    highcharts-ng로 클릭 이벤트에서 Highcharts 시리즈를 업데이트 할 수 없습니다.

  29. 29

    Highcharts 시리즈 열당 하나의 값

뜨겁다태그

보관