echarts的dataset应用

已于 2023-02-18 16:23:43 修改
阅读量1.5k 收藏 3
点赞数
分类专栏： Echarts 文章标签： echarts
于 2021-07-19 16:32:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tanhongwei1994/article/details/118901099
版权

一、柱状图
1.1 普通柱状图

option = {
    legend: {},
    tooltip: [{
	 trigger: 'item',
        axisPointer: {
            type: 'cross'
        }
	}],
    dataset: [{
        dimensions: ['product', '2015', '2016', '2017'],
        source: [
            {product: 'Matcha Latte', '2015': 43.3, '2016': 85.8, '2017': 93.7},
            {product: 'Milk Tea', '2015': 83.1, '2016': 73.4, '2017': 55.1},
            {product: 'Cheese Cocoa', '2015': 86.4, '2016': 65.2, '2017': 82.5},
            {product: 'Walnut Brownie', '2015': 72.4, '2016': 53.9, '2017': 39.1}
        ]
    },
	{dimensions: ['product', '2015', '2016', '2017'],
        source: [
            {product: 'Matcha Latte', '2015': 30.3, '2016': 77.8, '2017': 60.7},
            {product: 'Milk Tea', '2015': 70.1, '2016': 88.4, '2017': 62.1},
            {product: 'Cheese Cocoa', '2015': 55.4, '2016': 99.2, '2017': 47.5},
            {product: 'Walnut Brownie', '2015': 66.4, '2016': 100.9, '2017': 35.1}
        ]
    },{dimensions: ['product', '2015', '2016', '2017'],
        source: [
            {product: 'Matcha Latte', '2015': 30.3, '2016': 77.8, '2017': 60.7},
            {product: 'Milk Tea', '2015': 70.1, '2016': 88.4, '2017': 62.1},
            {product: 'Cheese Cocoa', '2015': 55.4, '2016': 99.2, '2017': 47.5},
            {product: 'Walnut Brownie', '2015': 66.4, '2016': 100.9, '2017': 35.1}
        ]
    },{dimensions: ['product', '2015', '2016', '2017'],
        source: [
            {product: 'Matcha Latte', '2015': 30.3, '2016': 77.8, '2017': 60.7},
            {product: 'Milk Tea', '2015': 70.1, '2016': 88.4, '2017': 62.1},
            {product: 'Cheese Cocoa', '2015': 55.4, '2016': 99.2, '2017': 47.5},
            {product: 'Walnut Brownie', '2015': 66.4, '2016': 100.9, '2017': 35.1}
        ]
    }
	],
    xAxis: [{type: 'category'}],
          "yAxis": [
            {//第一个y轴位置在左侧
                position:'left',
                type : 'value',
                name: '求和1',
                axisLine: {
                show: true,
				 lineStyle: {
                    color: "#c23531"
                }
            },
                axisLabel: {
                    formatter: '{value} '
                }
            },
            {//第二个y轴在右侧
                position:'right',
                type : 'value',
                name: '求和2',
                axisLine: {
                show: true
            },
                axisLabel: {
                    formatter: '{value} '
                }
            },
			{//第三个y轴在右侧
                position:'right',
                type : 'value',
                offset: 40,
				name: '求和3',
                axisLine: {
                show: true
            },
                axisLabel: {
                    formatter: '{value} '
                }
            },
			{//第三个y轴在右侧
                position:'left',
                type : 'value',
                offset: 40,
				name: '求和4',
                axisLine: {
                show: true
            },
                axisLabel: {
                    formatter: '{value} '
                }
            }
        ],
    // Declare several bar series, each will be mapped
    // to a column of dataset.source by default.
    series: [
        
	    {type: 'bar',datasetIndex: 0,yAxisIndex:0},
        {type: 'bar',datasetIndex: 0,yAxisIndex:0},
        {type: 'bar',datasetIndex: 0,yAxisIndex:0},
		{type: 'bar',datasetIndex: 1,yAxisIndex:1},
        {type: 'bar',datasetIndex: 1,yAxisIndex:1},
        {type: 'bar',datasetIndex: 1,yAxisIndex:1},
		{type: 'bar',datasetIndex: 2,yAxisIndex:2},
        {type: 'bar',datasetIndex: 2,yAxisIndex:2},
        {type: 'bar',datasetIndex: 2,yAxisIndex:2},
		{type: 'bar',datasetIndex: 3,yAxisIndex:3},
        {type: 'bar',datasetIndex: 3,yAxisIndex:3},
        {type: 'bar',datasetIndex: 3,yAxisIndex:3}
		]
};

1.2 堆叠柱状图

option = {
    legend: {},
    tooltip: [{
	 trigger: 'item',
        axisPointer: {
            type: 'cross'
        }
	}],
    dataset: [{
        dimensions: ['product', '2015', '2016', '2017'],
        source: [
            {product: 'Matcha Latte', '2015': 43.3, '2016': 85.8, '2017': 93.7},
            {product: 'Milk Tea', '2015': 83.1, '2016': 73.4, '2017': 55.1},
            {product: 'Cheese Cocoa', '2015': 86.4, '2016': 65.2, '2017': 82.5},
            {product: 'Walnut Brownie', '2015': 72.4, '2016': 53.9, '2017': 39.1}
        ]
    },
	{dimensions: ['product', '2015', '2016', '2017'],
        source: [
            {product: 'Matcha Latte', '2015': 30.3, '2016': 77.8, '2017': 60.7},
            {product: 'Milk Tea', '2015': 70.1, '2016': 88.4, '2017': 62.1},
            {product: 'Cheese Cocoa', '2015': 55.4, '2016': 99.2, '2017': 47.5},
            {product: 'Walnut Brownie', '2015': 66.4, '2016': 100.9, '2017': 35.1}
        ]
    },{dimensions: ['product', '2015', '2016', '2017'],
        source: [
            {product: 'Matcha Latte', '2015': 30.3, '2016': 77.8, '2017': 60.7},
            {product: 'Milk Tea', '2015': 70.1, '2016': 88.4, '2017': 62.1},
            {product: 'Cheese Cocoa', '2015': 55.4, '2016': 99.2, '2017': 47.5},
            {product: 'Walnut Brownie', '2015': 66.4, '2016': 100.9, '2017': 35.1}
        ]
    },{dimensions: ['product', '2015', '2016', '2017'],
        source: [
            {product: 'Matcha Latte', '2015': 30.3, '2016': 77.8, '2017': 60.7},
            {product: 'Milk Tea', '2015': 70.1, '2016': 88.4, '2017': 62.1},
            {product: 'Cheese Cocoa', '2015': 55.4, '2016': 99.2, '2017': 47.5},
            {product: 'Walnut Brownie', '2015': 66.4, '2016': 100.9, '2017': 35.1}
        ]
    }
	],
    xAxis: [{type: 'category'}],
          "yAxis": [
            {//第一个y轴位置在左侧
                position:'left',
                type : 'value',
                name: '求和1',
                axisLine: {
                show: true,
				 lineStyle: {
                    color: "#c23531"
                }
            },
                axisLabel: {
                    formatter: '{value} '
                }
            },
            {//第二个y轴在右侧
                position:'right',
                type : 'value',
                name: '求和2',
                axisLine: {
                show: true
            },
                axisLabel: {
                    formatter: '{value} '
                }
            },
			{//第三个y轴在右侧
                position:'right',
                type : 'value',
                offset: 40,
				name: '求和3',
                axisLine: {
                show: true
            },
                axisLabel: {
                    formatter: '{value} '
                }
            },
			{//第三个y轴在右侧
                position:'left',
                type : 'value',
                offset: 40,
				name: '求和4',
                axisLine: {
                show: true
            },
                axisLabel: {
                    formatter: '{value} '
                }
            }
        ],
    // Declare several bar series, each will be mapped
    // to a column of dataset.source by default.
    series: [
       
	    {type: 'bar',stack:"dataset0",datasetIndex: 0,yAxisIndex:0},
		{type: 'bar',stack:"dataset0",datasetIndex: 0,yAxisIndex:0},
		{type: 'bar',stack:"dataset0",datasetIndex: 0,yAxisIndex:0},

        
		{type: 'bar',stack:"dataset1",datasetIndex: 1,yAxisIndex:1},
        {type: 'bar',stack:"dataset1",datasetIndex: 1,yAxisIndex:1},
        {type: 'bar',stack:"dataset1",datasetIndex: 1,yAxisIndex:1},
		{type: 'bar',stack:"dataset2",datasetIndex: 2,yAxisIndex:2},
        {type: 'bar',stack:"dataset2",datasetIndex: 2,yAxisIndex:2},
        {type: 'bar',stack:"dataset2",datasetIndex: 2,yAxisIndex:2},
		{type: 'bar',stack:"dataset3",datasetIndex: 3,yAxisIndex:3},
        {type: 'bar',stack:"dataset3",datasetIndex: 3,yAxisIndex:3},
        {type: 'bar',stack:"dataset3",datasetIndex: 3,yAxisIndex:3}
		]
};

二、饼状图

option = {
    legend: {},
    tooltip: [{
	 
	}],
    dataset: [{
        dimensions: ['product', 'total'],
        source: [
           {product:'THCVDC25 ',total:5},
{product:'THDRYA22 ',total:5},
{product:'THCVDC22 ',total:5},
{product:'THCVDC21 ',total:5},
{product:'THCVDC24 ',total:5},
{product:'THDRYA23 ',total:5},
{product:'THDRYA21 ',total:5},
{product:'THCVDC23 ',total:5},
        ]
    }]
	,
    xAxis: [{type: 'category'}],
          "yAxis": [{}]
        ,
    
    series: [
        
	    {type: 'pie'}
       
		
		]
};

三、条形图

option = {
    legend: [{}],
    tooltip: [{
	 trigger: 'item',
        axisPointer: {
            type: 'cross'
        }
	}],
    dataset: [{
        dimensions: ['product', '2015', '2016', '2017'],
        source: [
            {product: 'Matcha Latte', '2015': 43.3, '2016': 85.8, '2017': 93.7},
            {product: 'Milk Tea', '2015': 83.1, '2016': 73.4, '2017': 55.1},
            {product: 'Cheese Cocoa', '2015': 86.4, '2016': 65.2, '2017': 82.5},
            {product: 'Walnut Brownie', '2015': 72.4, '2016': 53.9, '2017': 39.1}
        ]
    },
	{dimensions: ['product', '2015', '2016', '2017'],
        source: [
            {product: 'Matcha Latte', '2015': 30.3, '2016': 77.8, '2017': 60.7},
            {product: 'Milk Tea', '2015': 70.1, '2016': 88.4, '2017': 62.1},
            {product: 'Cheese Cocoa', '2015': 55.4, '2016': 99.2, '2017': 47.5},
            {product: 'Walnut Brownie', '2015': 66.4, '2016': 100.9, '2017': 35.1}
        ]
    },{dimensions: ['product', '2015', '2016', '2017'],
        source: [
            {product: 'Matcha Latte', '2015': 30.3, '2016': 77.8, '2017': 60.7},
            {product: 'Milk Tea', '2015': 70.1, '2016': 88.4, '2017': 62.1},
            {product: 'Cheese Cocoa', '2015': 55.4, '2016': 99.2, '2017': 47.5},
            {product: 'Walnut Brownie', '2015': 66.4, '2016': 100.9, '2017': 35.1}
        ]
    },{dimensions: ['product', '2015', '2016', '2017'],
        source: [
            {product: 'Matcha Latte', '2015': 30.3, '2016': 77.8, '2017': 60.7},
            {product: 'Milk Tea', '2015': 70.1, '2016': 88.4, '2017': 62.1},
            {product: 'Cheese Cocoa', '2015': 55.4, '2016': 99.2, '2017': 47.5},
            {product: 'Walnut Brownie', '2015': 66.4, '2016': 100.9, '2017': 35.1}
        ]
    }
	],
    xAxis: [
	{//第一个y轴位置在左侧
                position:'bottom',
                type : 'value',
                name: '求和1',
                axisLine: {
                show: true,
				 lineStyle: {
                    color: "#c23531"
                }
            },
                axisLabel: {
                    formatter: '{value} '
                }
            },
            {//第二个y轴在右侧
                position:'top',
                type : 'value',
                name: '求和2',
                axisLine: {
                show: true
            },
                axisLabel: {
                    formatter: '{value} '
                }
            },
			{//第三个y轴在右侧
                position:'bottom',
                type : 'value',
                offset: 40,
				name: '求和3',
                axisLine: {
                show: true
            },
                axisLabel: {
                    formatter: '{value} '
                }
            },
			{//第三个y轴在右侧
                position:'top',
                type : 'value',
                offset: 40,
				name: '求和4',
                axisLine: {
                show: true
            },
                axisLabel: {
                    formatter: '{value} '
                }
            }],
          "yAxis": [
            {type: 'category'}
        ],
    
    series: [
        
	    {type: 'bar',datasetIndex: 0,xAxisIndex:0},
        {type: 'bar',datasetIndex: 0,xAxisIndex:0},
        {type: 'bar',datasetIndex: 0,xAxisIndex:0},
		{type: 'bar',datasetIndex: 1,xAxisIndex:1},
        {type: 'bar',datasetIndex: 1,xAxisIndex:1},
        {type: 'bar',datasetIndex: 1,xAxisIndex:1},
		{type: 'bar',datasetIndex: 2,xAxisIndex:2},
        {type: 'bar',datasetIndex: 2,xAxisIndex:2},
        {type: 'bar',datasetIndex: 2,xAxisIndex:2},
		{type: 'bar',datasetIndex: 3,xAxisIndex:3},
        {type: 'bar',datasetIndex: 3,xAxisIndex:3},
        {type: 'bar',datasetIndex: 3,xAxisIndex:3}
		]
};

四、折线图

option = {
    legend: {},
    tooltip: [{
	 trigger: 'item',
        axisPointer: {
            type: 'cross'
        }
	}],
    dataset: [{
        dimensions: ['product', '2015', '2016', '2017'],
        source: [
            {product: 'Matcha Latte', '2015': 43.3, '2016': 85.8, '2017': 93.7},
            {product: 'Milk Tea', '2015': 83.1, '2016': 73.4, '2017': 55.1},
            {product: 'Cheese Cocoa', '2015': 86.4, '2016': 65.2, '2017': 82.5},
            {product: 'Walnut Brownie', '2015': 72.4, '2016': 53.9, '2017': 39.1}
        ]
    },
	{dimensions: ['product', '2015', '2016', '2017'],
        source: [
            {product: 'Matcha Latte', '2015': 30.3, '2016': 37.8, '2017': 30.7},
            {product: 'Milk Tea', '2015': 70.1, '2016': 88.4, '2017': 62.1},
            {product: 'Cheese Cocoa', '2015': 55.4, '2016': 99.2, '2017': 47.5},
            {product: 'Walnut Brownie', '2015': 66.4, '2016': 100.9, '2017': 35.1}
        ]
    }
	],
    xAxis: [{type: 'category'}],
          "yAxis": [
            {//第一个y轴位置在左侧
                position:'left',
                type : 'value',
                name: 'y1',
                axisLine: {
                show: true,
				 lineStyle: {
                    color: "#c23531"
                }
            },
                axisLabel: {
                    formatter: '{value} '
                }
            },
            {//第二个y轴在右侧
                position:'right',
                type : 'value',
                name: 'y2',
                axisLine: {
                show: true
            },
                axisLabel: {
                    formatter: '{value} '
                }
            }
        ],
    // Declare several line series, each will be mapped
    // to a column of dataset.source by default.
    series: [
        
	    {name:"y1-2015",type: 'line',datasetIndex: 0,yAxisIndex:0},
        {name:"y1-2016",type: 'line',datasetIndex: 0,yAxisIndex:0},
        {name:"y1-2017",type: 'line',datasetIndex: 0,yAxisIndex:0},
		{name:"y2-2015",type: 'line',datasetIndex: 1,yAxisIndex:1},
        {name:"y2-2016",type: 'line',datasetIndex: 1,yAxisIndex:1},
        {name:"y2-2017",type: 'line',datasetIndex: 1,yAxisIndex:1}
		
		]
};

五、散点图
多个图例

option = {
    legend: {},
    tooltip: [{
	 
	}],
    dataset: [{
        dimensions: ['product', '2015', '2016', '2017'],
        source: [
            {product: 'Matcha Latte', '2015': 43.3, '2016': 85.8, '2017': 93.7},
            {product: 'Milk Tea', '2015': 83.1, '2016': 73.4, '2017': 55.1},
            {product: 'Cheese Cocoa', '2015': 86.4, '2016': 65.2, '2017': 82.5},
            {product: 'Walnut Brownie', '2015': 72.4, '2016': 53.9, '2017': 39.1}
        ]
    }]
	,
    xAxis: [{type: 'category'}],
          "yAxis": [{}]
        ,
    
    series: [
        
	    {type: 'scatter',symbolSize: 20},
        {type: 'scatter',symbolSize: 20},
        {type: 'scatter',symbolSize: 20}
		
		]
};

单个图例

option = {
    legend: {},
    tooltip: [{
	 
	}],
    dataset: [{
        dimensions: ['product','2015'],
        source: [
            {'product': 'Matcha Latte', '2015': 43.3},
            {'product': 'Matcha Latte', '2015': 43.3},
            {'product': 'Milk Tea', '2015': 83.1},
            {'product': 'Cheese Cocoa', '2015': 86.4},
            {'product': 'Walnut Brownie', '2015': 72.4}
        ]
    }]
	,
    xAxis: [{type: 'category'}],
          "yAxis": [{}]
        ,
    
    series: [
        
	    {type: 'scatter',symbolSize: 20}

		
		]
};

数组的形式
有图例名称

option = {
 legend : {},
 tooltip : {},
 dataset : [
 {
  source : [    
["Income","Life Expectancy"], 
[28604,77],   
[31163,77.4],   
[1516,68]   
]
}, {
  source : [    
["Income","Life Expectancy"], 
 
[44056,81.8],
[43294,81.7],
[13334,76.9],
[21291,78.5]
]
}
],
 xAxis : {
 
  type : 'category'
 
 },
 yAxis : {
  
 },
 
 series : [ 
 {
  name:"1990",
  type : 'scatter',
datasetIndex:0
 
 }, 
 {
   name:"2015",
   type : 'scatter',
   datasetIndex:1
 
  }
  ]
};

无图例名称

option = {
 legend : {},
 tooltip : {},
 dataset : [
 {
  source : [    

[28604,77],   
[31163,77.4],   
[1516,68]   
]
}, {
  source : [    

 
[44056,81.8],
[43294,81.7],
[13334,76.9],
[21291,78.5]
]
}
],
 xAxis : {
 
  type : 'category'
 
 },
 yAxis : {
  
 },
 
 series : [ 
 {
  
  type : 'scatter',
datasetIndex:0
 
 }, 
 {
   
   type : 'scatter',
   datasetIndex:1
 
  }
  ]
};

雷达图

option={
      "legend": [
        {}
      ],
      "title": [
        {
          "text": "雷达图"
        }
      ],
      "radar": [
        {
          "indicator": [
            {
              "name": "THCVDC21"
            },
            {
              "name": "THCVDC22"
            },
            {
              "name": "THCVDC23"
            },
            {
              "name": "THCVDC24"
            },
            {
              "name": "THCVDC25"
            },
            {
              "name": "THDRYA21"
            },
            {
              "name": "THDRYA22"
            },
            {
              "name": "THDRYA23"
            }
          ]
        }
      ],
      "series": [
        {
          "data": [
            {
              "name": "2021/04/01 08:11:34",
              "value": [
                "null",
                "null",
                "null",
                "null",
                "null",
                "5",
                "5",
                "5"
              ]
            },
            {
              "name": "2021/04/01 08:28:49",
              "value": [
                "null",
                "5",
                "5",
                "5",
                "5",
                "5",
                "5",
                "5"
              ]
            }
          ],
          "type": "radar",
          "name": "雷达图"
        }
      ]
    }

盒须图

option = {
    title: [
        {
            text: 'Michelson-Morley Experiment',
            left: 'center'
        }
    ],
    dataset: [{
        source: [
            ["周一", 740, 900, 1070, 930, 850, 950, 980, 980, 880, 1000, 980, 930, 650, 760, 810, 1000, 1000, 960, 960],
            ["周二", 940, 960, 940, 880, 800, 850, 880, 900, 840, 830, 790, 810, 880, 880, 830, 800, 790, 760, 800],
            ["周三", 880, 880, 860, 720, 720, 620, 860, 970, 950, 880, 910, 850, 870, 840, 840, 850, 840, 840, 840],
            ["周四", 810, 810, 820, 800, 770, 760, 740, 750, 760, 910, 920, 890, 860, 880, 720, 840, 850, 850, 780],
            ["周五", 840, 780, 810, 760, 810, 790, 810, 820, 850, 870, 870, 810, 740, 810, 940, 950, 800, 810, 870]
        ]
    }],
    tooltip: {
       
    },
  
    xAxis: {
        type: 'category',
      
    },
    yAxis: {
        type: 'value',
        name: 'km/s minus 299,000',
        splitArea: {
            show: true
        }
    },
    series: [
        {
            name: 'boxplot',
            type: 'boxplot'
            
        }
    ]
};

组合图

option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross',
            crossStyle: {
                color: '#999'
            }
        }
    },
    toolbox: {
        feature: {
            dataView: {show: true, readOnly: false},
            magicType: {show: true, type: ['line', 'bar']},
            restore: {show: true},
            saveAsImage: {show: true}
        }
    },
    legend: {
       
    },
    xAxis: [
        {
            type: 'category'
        }
    ],
    yAxis: [
        {
            type: 'value',
            name: '水量',
            min: 0,
            max: 250,
            interval: 50,
            axisLabel: {
                formatter: '{value} ml'
            }
        },
        {
            type: 'value',
            name: '温度',
            min: 0,
            max: 25,
            interval: 5,
            axisLabel: {
                formatter: '{value} °C'
            }
        }
    ],
	 dataset: [
 {
        dimensions: ['product', '蒸发量', '降水量'],
        source: [
            {product: '一月', '蒸发量': 43.3, '降水量': 85.8},
            {product: '二月', '蒸发量': 83.1, '降水量': 73.4},
            {product: '三月', '蒸发量': 86.4, '降水量': 65.2},
            {product: '四月', '蒸发量': 72.4, '降水量': 53.9},
            {product: '五月', '蒸发量': 72.4, '降水量': 53.9}
        ]
    },
	  {
	  dimensions: ['product', '平均温度'],
        source: [
            {product: '一月', '平均温度': 2},
            {product: '二月', '平均温度': 22.1},
            {product: '三月', '平均温度': 20.4},
            {product: '四月', '平均温度': 18.4},
            {product: '五月', '平均温度': 12}
        ]
    }
	
],
    series: [
        {
           
            type: 'bar'
        },
        {
            
            type: 'bar'
        },
        {   name:'平均温度',
            type: 'bar',
            datasetIndex:1,
            yAxisIndex: 1
            
        }
    ]
};

双层X轴

option = {
  xAxis:[{
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
    xAxisIndex:0,
   axisTick:{
      show:true,
      length:50,
      alignWithLabel:false,
       interval:(index, value) => {
         //024代表下面的TEST几的下标列表
      if([0,2,4].includes(index))return true;
      return false;
    }
   }
  },
  {
    
    type: 'category',
    //TEST 重复数据后为''
    data: ['TEST', '','TEST2','',  'TEST3','', ''],
    xAxisIndex:1,
    position:'bottom',
    axisLabel:{
     padding:[20,0,0,0],
    },
    axisTick:{
      show:false
    }

  }
  
  ],
  yAxis: {
    type: 'value',
    max: 275.22,
    min: 110.1232,
    
interval:160/10
  },
  series: [
    {
      data: [150, 230, 224, 218, 135, 147, 260],
      type: 'bar'
    }
  ]
};
小布2025
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DataSet应用
04-20
DataSet应用
ECharts dataset 详解
别下完这场雪
06-19 8655
昨天刚开始接触ECharts，学的懵懵懂懂的状态，只是大概了解了一下ECharts的基本概念，很多地方还不是很懂，现在开始学习dataset，我觉得这是一个数据集合，可以用来替代表中的数据。在学习的过程中，会对DataSet有更多的了解 目录数据集和系列的对应关系一行数据，一个系列一行数据，多个系列多行数据，一个系列多行数据，多个系列数据集中采用对象数组的格式数据到图形的映射按行还是按列映射维度 看一下官网的例子，我觉得不是很懂，不知道数据集和系列队列的关系是什么， 数据集和系列的对应关系 一行数据，一个系
【数据可视化从入门到精通】ECharts 基本概念：系列-dataset-组件-定位-单双多坐标系④
Write less，do more
10-08 469
ECharts 基本概念: 系列 系列（series）是指：一组数值映射成对应的图 案例：多系列混合 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/echarts@4.7.0/dist/echarts.min.js"></script> <style&g
echarts双Y轴对齐；echarts堆叠柱状图；echarts数据集dataset结构；
i_am_a_div的博客
04-24 4583
echarts双Y轴对齐；echarts堆叠柱状图；echarts数据集dataset结构；
18-Echarts 配置系列之：数据集 dataset
youyudehan的博客
04-16 307
简单快速的了解 Echarts中 数据集 dataset 的使用，简化数据展示方法，避免格式转化的痛苦。
ECHARTS 数据集（DATASET）
韦大人orz
01-18 2654
实例一 // 不使用dataset var option = { xAxis: [{ type: 'category', data: ['17:35:00', '17:40:00', '17:45:00', '17:50:00'] } ], yAxis: [{ type: 'value' } ], series: [{ type: 'line', name: '震动', data: [43.3, 85.8, 93.7] }, {
ECharts
weixin_30388677的博客
09-13 342
绘制一个简单的图表 　　在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器。 <body> <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM --> <div id="main" style="width: 600px;height:400px;"></div> </b...
ECharts 数据集（dataset）
萌兔兔MMQ！！
03-30 1263
ECharts 使用 dataset 管理数据。 dataset 组件用于单独的数据集声明，从而数据可以单独管理，被多个组件复用，并且可以基于数据指定数据到视觉的映射。 下面是一个最简单的 dataset 的例子： 实例 option = { legend: {}, tooltip: {}, dataset: { // 提供一份数据。 source: [ [‘product’, ‘2015’, ‘2016’, ‘2017’], [‘Matcha Latte’, 43.3, 85.8, 93.7], [‘Mi
Echarts概念篇(数据集)
weixin_45113879的博客
05-16 271
Echarts概念篇(数据集)
ECharts--dataset的使用
qq_45163099的博客
05-03 4510
dataset可以使我们传给ECharts的数据字段名不局限于value,name，以下部分以饼图为例，其余图形只需改变encode中的字段即可（折线图，柱状图为{x:a,y:b}，极坐标图为{radius:a,angle:b}）。还可以设置tooltip显示的内容，在encode中增加tooltip:[a,b,c]字段。 1、source source可以接受多种形式的数据，主要代码如下： 按行的 key-value 形式（对象数组）： dataset: { source...
TIMIT dataset
07-26
DARPA TIMIT Acoustic-Phonetic Continuous Speech Corpus。由德州仪器(TI)、麻省理工学院(MIT)和坦福研究院(SRI)合作构建的声学-音素连续语音语料库。
使用echarts实现立体-柱状图
07-21
仪表盘，并且支持图与图之间的混搭ECharts 内置的 dataset 属性（4.0+）支持直接传入包括二维表，key-value 等多种格式的数据源，通过简单的设置 encode 属性就可以完成从数据到图形的映射，这种方式更符合可视化的...
Dataset-JM1
03-25
Dataset-JM1
电力系统调度过程连续潮流matlab代码.zip
04-26
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
【基于Java+Springboot的毕业设计】付费问答系统(源码+演示视频+说明).rar
04-26
【基于Java+Springboot的毕业设计】付费问答系统(源码+演示视频+说明).rar 【项目技术】 开发语言：Java 框架：Spingboot+vue 架构：B/S 数据库：mysql 【演示视频-编号：330】 https://pan.quark.cn/s/8dea014f4d36 【实现功能】 付费问答系统通过MySQL数据库与Spring Boot框架进行开发，付费问答系统能够实现新闻类型管理，问题帖子管理，付费记录管理，新闻信息管理，用户管理，轮播图管理等功能。
关于旁路电容和耦合电容-(详细说明)
最新发布
04-26
关于旁路电容和耦合电容-(详细说明)
Git 与 Simulink 测试：远程测试的最佳实践.zip
04-26
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
重庆大学电气工程学院2011级电机学课堂测验 直流电机.pdf
04-26
重庆大学期末考试试卷，重大期末考试试题，试题及答案
echarts dataset
08-12
ECharts中的axisLine属性用于设置坐标轴线的样式。它是坐标轴组件（如x轴和y轴）的一个子属性。axisLine属性可以包含以下子属性： 1. show：控制是否显示坐标轴线，默认为true显示。 2. onZero：是否将坐标轴线显示...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值