柱状图

横向柱状图

匿名 (未验证) 提交于 2019-12-03 00:15:02
This example showcases a simple horizontal bar chart import matplotlib.pyplot as plt import numpy as np # Fixing random state for reproducibility np.random.seed(19680801) plt.rcdefaults() fig, ax = plt.subplots() # Example data people = ('Tom', 'Dick', 'Harry', 'Slim', 'Jim') y_pos = np.arange(len(people)) performance = 3 + 10 * np.random.rand(len(people)) error = np.random.rand(len(people)) ax.barh(y_pos, performance, xerr=error, align='center') ax.set_yticks(y_pos) ax.set_yticklabels(people) ax.invert_yaxis() # labels read top-to-bottom ax.set_xlabel('Performance') ax.set_title('How fast do

ecahrt table+柱状图

匿名 (未验证) 提交于 2019-12-02 23:42:01
1.首先循环画板 <el-table-column prop="electricity" label="节超" width="500px" > <template slot-scope="scope"> //id的唯一性 <div :id='`chart${scope.row.index}`' class="chart"></div> </template> </el-table-column> created () { //因为他是表格里面的画板,画板还没有生成获取不到 //所以要在nextTick函数中初始化 this.$nextTick(function () { let self = this self.tableData.forEach((value, index) => { this.drawBarChart(value, index + 1) }) }) }, 2.数据的初始化 drawBarChart (value, index) { // 基于准备好的dom,初始化echarts实例 let chartType = this.getValueType(value.electricity) let drawBarChart = this.$echarts.init(document.getElementById('chart' + index)) // 绘制图表

MPAndroidChart 项目实战 Demo

匿名 (未验证) 提交于 2019-12-02 23:36:01
MPAndroidChartDemoByJin 项目地址: 简介:MPAndroidChart 项目实战 Demo 更多: 作者 提 Bug 标签: MPAndroidChart 常见设置属性(一)――应用层 MPAndroidChart 项目实战(一)――实现对比性柱状图 MPAndroidChart 项目实战(二)――双平滑曲线(双折线图)和 MarkView 实现 MPAndroidChart 项目实战(三)――饼状图实现和文字重合问题解决 MPAndroidChart 项目实战(四)――柱状图实现及 X 轴文字不显示问题和柱状图上显示文字 MPAndroidChart X 轴文字斜着显示 MPAndroidChart 项目实战(五)――组合图实现趋势图 MPAndroidChart 项目实战(六)――自定义 1MPAndroidChart 滑动冲突解决(搞不定产品设计师就只能搞自己) MPAndroidChart 项目实战(七)――自定义横向柱状图 MPAndroidChart 项目实战(八)――自定义分段堆积柱状图 MPAndroidChart 项目实战(九)――自定义带文字分段堆积柱状图 文章来源: https://blog.csdn.net/u014608640/article/details/90719770

python之matloplib可视化

匿名 (未验证) 提交于 2019-12-02 22:51:30
import matplotlib.pyplot as plt import numpy as np x = np.linspace(-10, 20, 50, True) y = 2 * x + 5 # 一、画散点图 plt.scatter(x,y,s=40,c='Orange',edgecolors='k',marker='s',alpha=0.5) #s:大小;c:内部颜色;edgecolors:边框颜色;marker:点的形状;alpha:透明度 plt.show() # 二、画折线图与线段 plt.figure() plt.plot(x, y, label='line1') plt.plot(x, y + 4, c='r', lw=2, ls=':', label='line2') # c:颜色;lw:线宽;ls:线段类型,有“:”“--”“-”等;lebel:画图图例; plt.plot([-10, 0], [-10, 0], ls='--', label='line3') # 两点连线 plt.legend() plt.show() # 三、画柱状图 # 1、单一柱状图 plt.figure() bar_x = np.arange(5) bar_y = np.arange(5) rects = plt.bar(bar_x, height=bar_y, width=0.8

pandas可视化

妖精的绣舞 提交于 2019-12-02 15:53:56
线形图 线形图通常用于描述两组数据之间的趋势 Series数据 通过s.plot方法可以绘制线形图 DataFrame数据 柱状图 柱状图常描述各类别之间的关系。 用法是在plot函数中加入kind=”bar”,如果类别较多,可绘制水平柱状图(kind=”barh”)。 简单柱状图 班级学生性别分布情况 简单条形图 简单的堆积柱状图/条形图 设置plot函数的stacked参数,可以绘制堆积柱状图 直方图和密度图 直方图用于频率分布,y轴可为数值或者比率。绘制直方图可以看出其大概分布规律 简单的直方图 简单的密度图 核密度估计是将数据的分布近似为一组核(如正态分布),通过plot函数的Kind=”kde”可进行绘制 散点图 散点图主要用来表现数据之间的规律 来源: https://www.cnblogs.com/Tunan-Ki/p/11752807.html

Seaborn绘图01

时光怂恿深爱的人放手 提交于 2019-12-02 12:21:00
基础篇 准备工作 import matplotlib.pyplot as plt import seaborn as sns %matplotlib inline import numpy as np import pandas as pd #plt.rcParams[‘font.sans-serif’] = [‘SimHei’] #用来正常显示中文标签 plt.rcParams[‘axes.unicode_minus’] = False #用来正常显示负号 sns.set_style(‘darkgrid’,{‘font.sans-serif’:[‘SimHei’,‘Arial’]}) import warnings # 去除部分警告信息 warnings.filterwarnings(‘ignore’) names = sns.get_dataset_names() print(names) matplotlib原始的柱状图 for i in names: sns.load_dataset(i) plt.bar([1,2,3,4,5],[3,6,9,2,5]) #matplotlib原始的柱状图 sns.set() plt.bar([1,2,3,4,5],[3,6,9,2,5]) 注意背景变换 sns.set_style(“whitegrid”) plt.bar([1,2,3,4

leetcode-84-柱状图中最大的矩形

大憨熊 提交于 2019-12-02 02:26:09
题目描述: 方法一:O(N) O(N) class Solution: def largestRectangleArea(self, heights: List[int]) -> int: if not heights: return 0 n = len(heights) left_i = [0] * n right_i = [0] * n left_i[0] = -1 right_i[-1] = n for i in range(1, n): tmp = i - 1 while tmp >= 0 and heights[tmp] >= heights[i]: tmp = left_i[tmp] left_i[i] = tmp for i in range(n - 2, -1, -1): tmp = i + 1 while tmp < n and heights[tmp] >= heights[i]: tmp = right_i[tmp] right_i[i] = tmp # print(left_i) # print(right_i) res = 0 for i in range(n): res = max(res, (right_i[i] - left_i[i] - 1) * heights[i]) return res 方法二:栈 O(N) class Solution:

P1598 垂直柱状图

白昼怎懂夜的黑 提交于 2019-12-01 07:48:24
题目描述 写一个程序从输入文件中去读取四行大写字母(全都是大写的,每行不超过100个字符),然后用柱状图输出每个字符在输入文件中出现的次数。严格地按照输出样例来安排你的输出格式。 输入格式 四行字符,由大写字母组成,每行不超过100个字符 输出格式 由若干行组成,前几行由空格和星号组成,最后一行则是由空格和字母组成的。在任何一行末尾不要打印不需要的多余空格。不要打印任何空行。 输入输出样例 输入 #1 复制 THE QUICK BROWN FOX JUMPED OVER THE LAZY DOG. THIS IS AN EXAMPLE TO TEST FOR YOUR HISTOGRAM PROGRAM. HELLO! 输出 #1 复制 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 说明/提示 每行输出后面不允许出现多余的空格。 #include<iostream> #include

echarts横向倒叙柱状图

女生的网名这么多〃 提交于 2019-12-01 01:29:46
activityRankBar(type) { let xAxis = []; let yData = []; let current = []; let name = ""; let myChart = ""; if (type == "partyActivity") { current = this.PartyActivityRank; name = "党组织党建活动排名"; myChart = echarts.init(_document.getElementById("partyActivityRank")); } else { current = this.VolunteerActivityRank; name = "党组织志愿活动排名"; myChart = echarts.init( _document.getElementById("volunteerActivityRank") ); } for (let i = 0; i < current.length; i++) { xAxis.push(current[i].text); yData.push(current[i].count); } let option = { tooltip: { trigger: "axis", axisPointer: { type: "shadow" } }, grid: {

echarts的渲染问题

≯℡__Kan透↙ 提交于 2019-11-30 18:38:11
问题:柱状图的图例和柱状图颜色在IE10和IE11中拖动时间轴的时候图例和柱状图颜色会发生改变 echarts的渲染是从setOption中开始的,不是从echarts.init()开始 initPapers(a) { if (!this.firstDepartmentLoaded) { this.myChart = echarts.init(this.$refs.paperNum); this.myChart.setOption( { color: this.colorArr, tooltip: { trigger: "axis", axisPointer: { type: "cross", label: { backgroundColor: "#6a7985" } } }, legend: { data: this.lengedName, right: 30 }, grid: { left: "3%", right: "4%", bottom: "3%", containLabel: true }, xAxis: { axisTick: { show: false }, splitLine: { show: false }, axisLine: { lineStyle: { color: "#CFD8DC" } }, axisLabel: { show: true,