Создание круговой диаграммы highchart с объектом javascript

Я использую highchart для создания графика. У меня есть такой объект javascript

test1:38
test2:2
test3:160

Я хочу создать круговую диаграмму со значениями этого объекта примерно так

series: [{

          name: 'Success',
          data: [
          {name:"test1", y:1},
         {name:"test2", y:38},
         {name:"test3", y:k},]
}]

Как я могу создать такой массив данных, используя мой объект javascript. Я новичок в javascript, поэтому любая помощь будет оценена по достоинству.

javascript highcharts

30.04.2019 10:47

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете mapentries объекта, чтобы получить массив data

const input = {
  test1: 38,
  test2: 2,
  test3: 160
}

const data = Object.entries(input)
                   .map(([name, y]) => ({ name, y }))

console.info(data)

const chart = {
  series: [{
    name: 'Success',
    data
  }]
}

console.info(chart)

30.04.2019 10:50

Другие вопросы по теме

HighCharts: общее значение не отображается в круговой диаграмме

Как удалить новый эффект наведения HighCharts?

Радарная диаграмма: метка вне диаграммы

Добавить начальную и конечную дату в селектор диапазона Highstock

Build Optimizer Angular отключит функцию экспорта HighCharts

Как я могу изменить цвет фона горизонтальной полосы, если значение даты меньше текущей даты?

Альтернативный способ изменить зависшие ряды и свойства их точек на диаграмме HighCharts

Данные JSON не отображаются на графике свечей Highstock с использованием PHP и SQL

Попробуйте оффлайн экспортировать в Highcharts

Расположите общую всплывающую подсказку над столбцами в стопке

Создание круговой диаграммы highchart с объектом javascript

Ответы 1

Другие вопросы по теме

Похожие вопросы