highcharts Highchart -使用json预处理数据

stszievb 于 2022-11-10 发布在 Highcharts

关注(0)|答案(1)|浏览(152)

我正在尝试用json数据生成一个简单的条形图。下面是我在不使用json数据（http://jsfiddle.net/6hkcn4qf/2/）的情况下所做的尝试。
我需要使用这个mock json https://mocki.io/v1/af3abd57-1c07-4df0-b591-4d17796e2c29来生成相同的条形图。这是我试图实现的http://jsfiddle.net/6hkcn4qf/3/。它不是基于highchart文档生成图表。
有人能指导我如何实现这一点吗？
另外，如何根据这个中的水果名称动态地改变条颜色？
谢谢

highcharts

来源：https://stackoverflow.com/questions/72115216/highchart-preprocess-data-using-json

1条答案

按热度按时间

cgvd09ve1#

您需要对数据进行预处理，并使其适应Highcharts所需的格式。例如：

$.ajax({
    url: 'https://mocki.io/v1/af3abd57-1c07-4df0-b591-4d17796e2c29',
    success: function(data) {
      const processedData = [];

      for (let key in data) {
        processedData.push({
          name: key,
          y: data[key]
        });
      }

      options.series[0].data = processedData;
      Highcharts.chart('container', options);
    }
  });

现场演示：http://jsfiddle.net/BlackLabel/wm2pzrxj/
API引用：https://api.highcharts.com/highcharts/series.bar.data

赞(0）回复(0）举报 2022-11-10

我来回答

highcharts Highchart -使用json预处理数据

1条答案

相关问题

热门标签

最新问答