Echarts可视化教程

  1. 网站首页
  2. 百度ECharts
  3. ECharts实例
  4. ECharts入门
  5. 地图大全
  6. ECharts官网

如何利用Highcharts中使用盒须图来展示数据

  // 创建盒须图示例
var data = [
  [760, 800, 810, 830, 870],   // 数据集1
  [700, 720, 750, 780, 790],   // 数据集2
  [680, 690, 710, 715, 750]    // 数据集3
];
Highcharts.chart('container', {
  chart: {
  type: 'boxplot'    // 设置图表类型为盒须图
  },
  title: {
  text: '数据集盒须图'    // 设置图表标题
  },
  xAxis: {
  categories: ['数据集1', '数据集2', '数据集3']    // 设置x轴数据
  },
  yAxis: {
  title: {
    text: '数据值'    // 设置y轴标题
  }
  },
  series: [{
  name: '数据集',    // 设置数据系列名称
  data: data    // 设置数据集
  }]
});
点击展开全文

相关文章

  1. 如何利用Highcharts中使用烛台图来展示数据
  2. 如何利用Highcharts创建温度计图表
  3. 如何利用Highcharts创建一个雷达图表
  4. 如何利用Highcharts语法插入漂亮的图表
  5. Highcharts图表之测量图