Переменный массив javascript chartists.js

То, что я пытаюсь сделать с помощью chartist.js, позволяет переменной изменять значения в массиве, который создает диаграмму.Переменный массив javascript chartists.js

Таким образом, я использую диаграмму пончика, которую я использую в серию из 2 внутри этого массива и 1 метку.

var x = 20, 
     y = 60, 

    var chart = new Chartist.Pie('.ct-chart', { 
      series: [x, y], 
      labels: [43] 
    }, { 
     donut: true, 
     showLabel: true 
});

Я получаю сообщение об ошибке при попытке установить х & у переменных неперехваченный SyntaxError: Unexpected token var Я знаю, что это немного ошибки школьника, но я хочу, чтобы убедиться, что я делаю это правильный путь, но не уверен, - конечная цель состоит в том, чтобы иметь два ящика ввода, которые я могу представить двумя значениями, которые, в свою очередь, изменят значения диаграммы и создают диаграмму пончиков.

источник

2015-10-30 coder123

  <!DOCTYPE html> 
      <html> 
       <head> 
        ..... 
       </head> 
       <body> 
        <script> 
         function onDrawClick() { 
          var x = document.getElementById("xFieldId").value; 
          var y = document.getElementById("yFieldId").value; 
          var chart = new Chartist.Pie('.ct-chart', { 
           series: [x, y], 
           labels: [43] 
          }, { 
           donut: true, 
           showLabel: true 
          }); 
         } 
        </script> 
        <div class="ct-chart"></div>   
        <input type="number" id="xFieldId"> 
        <input type="number" id="yFieldId"> 
        <button onclick="onDrawClick()">Show</button> 
       </body> 
      </html>

Ваш код с полным примером.

источник

2015-10-30 09:56:49 San

Ah brill, который сделал трюк! Быстрый вопрос: как добавить поле ввода для изменения значений x и y? вместо статических значений? – coder123

Вы можете использовать два '' и использовать 'var x = document.getElementById ('x_field_id'). Value' для получения обновленного значения. – San

Я ужасен с javascript - вы могли бы показать мне пример вообще? – coder123

Переменный массив javascript chartists.js

ответ

Смежные вопросы