1. Project background A large electronic equipment manufacturer has four main products and adopts a sales management model of headquarters, regional managers, and city managers. In terms of specific implementation, sales targets are set based on quarters, and each quarter is divided into 13 weeks. The sales target will detail the weekly sales rhythm of […]
Tag: dashboard
EChartsCustomized shape of dashboard pointer
Here I change the pointer to a sector chart, as follows Mainly through the following code to implement custom-shaped pointers: var option = { series: [ { pointer: { icon: ‘image://data:image/png;base64,iVBORw0KGgoAAAANSU…’, }, } ] }; The complete code is as follows: var chartDom = document.getElementById(‘myChart’); var myChart = echarts.init(chartDom); var option = { animation: false, […]
Talk about the dashboard editor in the project (2)
Application scenarios Normally, editor application scenarios should include: Editor-Preview editor final runtime How to design In the last tweet, we already had an overview of the editor scenario. Next, let’s look at the preview design Editor-Preview Click the preview button to execute the following logic: /** @name preview **/ async handlePreview() { … //Open the […]
Talk about the dashboard editor in the project (1)
Requirements To build a dashboard system, the requirements are: ① Design functions (including layout, size, arrangement) ② Preview function ③ Operation function Layout selection To be an editor, you must first choose a layout. There are several common layouts for front-ends. Static layout Also called document layout. The default web page format is the document […]
echarts implements dashboards based on sensor data sources
Go directly to the core code //All parameters of the data type, included in the sample item max: 0.8 min: 0.2 name:”Pressure sensor” pos: (2) [‘16.6%’, ‘25%’] unit: “Mpa” value: 0.403 rangeMax: 1.6 rangeMin: 0 function getDashbordSeries(item) { let res = []; //Outer frame color gradient addition let colorArr = []; let step = (item.rangeMax […]
ECharts Dashboard (detailed example – with specific comments)
The effect of a single dashboard chart is as follows: The specific code is as follows: <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″> <title>Single dashboard case</title> <!– Import ECharts file –> <script src=”js/echarts4.0.js” type=”text/javascript” charset=”utf-8″></script> <body> <!– Prepare a container with size (width and height) for ECharts –> <div id=”chart1″ style=”width: 80%;height: 400px;top: 50px;left: 10%;border: 3px […]
ECharts Funnel Charts, Radar Charts and Dashboards
1. Section overview Through the previous chapters, you have learned about the use of Echarts bar charts, line charts, and pie charts. ECharts itself provides a very rich range of chart types. In this section, we can learn more about the chart types and usage methods such as funnel charts, radar charts, and dashboards that […]
Create dashboards using Python and dash
Recommended Use NSDT scene editor quickly builds 3D application scenes Introduction In the world of data science and analytics, the power of data is unleashed not just by extracting insights, but also by communicating those insights effectively; this is where data visualization comes into play. Data visualization is the graphical representation of information and data. […]
PYQT5 Qpainter draws dashboard
import math importsys from PyQt5.QtGui import QFont, QPainter, QColor, QPolygon, QRadialGradient, QPen from PyQt5.QtCore import Qt, QRectF from PyQt5.QtWidgets import QApplication, QLabel class ChartWidget(QLabel): def __init__(self): super().__init__() self.radius = self.height() // 4 # Radius self.setMinimumSize(800,400) self.pieColorStart = QColor(127, 255, 0) # green self.pieColorStart2 = QColor(50, 235, 50) # Green self.pieColorMid = QColor(255, 255, 0) # […]
Qt (C++) draws a pointer dashboard to display the current temperature
1. Function introduction The functions to be implemented in the current article: Use Qt to draw a dashboard to display the current temperature, draw scales, numbers, and temperature pointers. The entire dashboard is drawn using QPainter. QPainter is a very important class in the Qt framework. The realization of the drawing function is inseparable from […]