国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Inhaltsverzeichnis
Echarts im WeChat-Miniprogramm verwenden
1. Laden Sie die Miniprogrammversion von echarts herunter" > 1. Laden Sie die Miniprogrammversion von echarts herunter
Heim WeChat-Applet Mini-Programmentwicklung Wie man Echarts im WeChat-Miniprogramm verwendet und welche Fallstricke es gibt, kommen Sie und sammeln Sie es, um Blitze zu vermeiden! !

Wie man Echarts im WeChat-Miniprogramm verwendet und welche Fallstricke es gibt, kommen Sie und sammeln Sie es, um Blitze zu vermeiden! !

Sep 23, 2021 pm 07:40 PM
echarts Wechat -Applet

In diesem Artikel werden einige Verwendungsmethoden und Problemzusammenfassungen zur Verwendung von Echarts in WeChat-Miniprogrammen vorgestellt, damit Sie Fallstricke vermeiden k?nnen.

Wie man Echarts im WeChat-Miniprogramm verwendet und welche Fallstricke es gibt, kommen Sie und sammeln Sie es, um Blitze zu vermeiden! !

Wie man das WeChat-Miniprogramm verwendet und einige Fallstricke, ich hoffe, es kann Ihnen helfen

Echarts im WeChat-Miniprogramm verwenden

1. Laden Sie die Miniprogrammversion von echarts herunter

Download-Adresse: https://github.com/ecomfe/echarts-for-weixin

2. Verwendungsschritte

1. Projektabh?ngigkeiten einführen

Weitere WeChat-Applet-Versions-Echarts von Github Nach dem Abrufen Wenn Sie es herunterfahren, kopieren Sie die ec-canvas-Datei in Ihr eigenes Projekt. Es handelt sich tats?chlich um die Abh?ngigkeitsdatei der WeChat-Applet-Version von echarts.

【Verwandte Lernempfehlung: Mini-Tutorial zur Programmentwicklung

Wie man Echarts im WeChat-Miniprogramm verwendet und welche Fallstricke es gibt, kommen Sie und sammeln Sie es, um Blitze zu vermeiden! !

2. Importieren Sie die Bibliothek

Fügen Sie Echarts mithilfe von Echarts in die JSON-Datei der Seite ein, und der importierte Pfad sollte entsprechend Ihren Anforderungen importiert werden Eigene Projektstruktur

Sie k?nnen es auch in die globale Konfigurationsdatei app.json einführen, sodass es für alle Seiten gleich ist und nicht einzeln eingeführt werden muss. Wenn mehrere Seiten Echarts verwenden, ist es mehr praktisch

Wie man Echarts im WeChat-Miniprogramm verwendet und welche Fallstricke es gibt, kommen Sie und sammeln Sie es, um Blitze zu vermeiden! !

Auf der Seite mit Echarts Importieren Sie Echarts in die js-Datei, und der importierte Pfad sollte entsprechend Ihrer eigenen Projektstruktur importiert werden

Wie man Echarts im WeChat-Miniprogramm verwendet und welche Fallstricke es gibt, kommen Sie und sammeln Sie es, um Blitze zu vermeiden! !

Verwendung

Verwenden Sie die Komponente in wxml k?nnen Sie sowohl die ID als auch die Canvas-ID selbst benennen. echarts.apache.org/zh/option.html#title

<view class="container">
  <ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
</view>

css code
import * as echarts from &#39;../../ec-canvas/echarts&#39;;

const app = getApp();

function initChart(canvas, width, height, dpr) {
  //主要是這個(gè) echarts 的創(chuàng)建
  const chart = echarts.init(canvas, null, {
    width: width,
    height: height,
    devicePixelRatio: dpr // new
  });
  canvas.setChart(chart);
  
  // option 的配置可以根據(jù)自己的需求去 echarts 官網(wǎng)查看配置的屬性方法
  var option = {
    backgroundColor: "#ffffff",
    series: [{
      label: {
        normal: {
          fontSize: 14
        }
      },
      type: &#39;pie&#39;,
      center: [&#39;50%&#39;, &#39;50%&#39;],
      radius: [&#39;20%&#39;, &#39;40%&#39;],
      data: [{
        value: 55,
        name: &#39;北京&#39;
      }, {
        value: 20,
        name: &#39;武漢&#39;
      }, {
        value: 10,
        name: &#39;杭州&#39;
      }, {
        value: 20,
        name: &#39;廣州&#39;
      }, {
        value: 38,
        name: &#39;上海&#39;
      }]
    }]
  };

  chart.setOption(option);
  return chart;
}

Page({
  data: {
    ec: {
      onInit: initChart
    }
  },

  onReady() {
  }
});

Vermeiden Sie Fallstricke und Unwetter

1. In Bezug auf das Problem der Einführung von Abh?ngigkeiten und Bibliotheken und deren Verwendung gem?? der offiziellen Verwendungsmethode, Das Echarts-Bild wird nicht angezeigt.

L?sung: Bei der Verwendung von Echarts in HTML müssen auch die Breite und H?he des in der ?u?eren Ebene eingeschlossenen Ansichts-Tags festgelegt werden. (Der offizielle Methodenstil legt nicht die Breite und H?he des ?u?eren Elements fest, kann jedoch im offiziellen Beispiel angezeigt werden, was viele Menschen in die Irre führt und in die Falle tappt.)

2. über die Rolle von

devicePixelRatio

Wie man Echarts im WeChat-Miniprogramm verwendet und welche Fallstricke es gibt, kommen Sie und sammeln Sie es, um Blitze zu vermeiden! !

Ja, wenn Sie die anf?ngliche Erstellung von Echarts im offiziellen Code sehen, sieht der Code wie unten gezeigt aus. Nachdem Sie devicePixelRatio festgelegt haben, sind die in den WeChat-Entwicklertools angezeigten Echarts-Diagrammpixel bei der Vorschau auf einem Mobiltelefon sehr schlecht , es ist sehr klar. Wenn devicePixelRatio entfernt wird, werden die in den WeChat-Entwicklertools angezeigten Pixel des Echarts-Diagramms sehr klar, w?hrend die auf dem Mobiltelefon angezeigten Pixel schlechter werden. Daher sollte dies auf der Pixeleinheit von basieren das Ger?t zum Anpassen der Pixel des Diagramms

Weitere Programmierkenntnisse finden Sie unter:

Programmiervideo

! ! Wie man Echarts im WeChat-Miniprogramm verwendet und welche Fallstricke es gibt, kommen Sie und sammeln Sie es, um Blitze zu vermeiden! !

Das obige ist der detaillierte Inhalt vonWie man Echarts im WeChat-Miniprogramm verwendet und welche Fallstricke es gibt, kommen Sie und sammeln Sie es, um Blitze zu vermeiden! !. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erkl?rung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Hei?e KI -Werkzeuge

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!

Hei?e Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Hei?e Themen

PHP-Tutorial
1502
276
Das Miniprogramm Xianyu WeChat wurde offiziell gestartet Das Miniprogramm Xianyu WeChat wurde offiziell gestartet Feb 10, 2024 pm 10:39 PM

Das offizielle WeChat-Miniprogramm von Xianyu wurde stillschweigend gestartet. Im Miniprogramm k?nnen Sie private Nachrichten posten, um mit K?ufern/Verk?ufern zu kommunizieren, pers?nliche Informationen und Bestellungen anzuzeigen, nach Artikeln zu suchen usw. Wenn Sie neugierig sind, was ist das Xianyu WeChat Mini? Programm namens? Werfen wir einen Blick darauf. Wie hei?t das Xianyu WeChat-Applet? Antwort: Xianyu, Leerlauftransaktionen, Gebrauchtverk?ufe, Bewertungen und Recycling. 1. Im Miniprogramm k?nnen Sie inaktive Nachrichten posten, mit K?ufern/Verk?ufern über private Nachrichten kommunizieren, pers?nliche Informationen und Bestellungen einsehen, nach bestimmten Artikeln suchen usw. 2. Auf der Seite des Miniprogramms gibt es eine Homepage, in der N?he, Posten Sie Leerlauf, Nachrichten und meine 5 Funktionen. 3. Wenn Sie es nutzen m?chten, müssen Sie die WeChat-Zahlung aktivieren, bevor Sie es kaufen k?nnen.

ECharts und Java-Schnittstelle: So implementieren Sie schnell statistische Diagramme wie Liniendiagramme, Balkendiagramme, Kreisdiagramme usw. ECharts und Java-Schnittstelle: So implementieren Sie schnell statistische Diagramme wie Liniendiagramme, Balkendiagramme, Kreisdiagramme usw. Dec 17, 2023 pm 10:37 PM

ECharts und Java-Schnittstelle: So implementieren Sie schnell statistische Diagramme wie Liniendiagramme, Balkendiagramme und Kreisdiagramme, die spezifische Codebeispiele erfordern. Mit dem Aufkommen des Internetzeitalters ist die Datenanalyse immer wichtiger geworden. Statistische Diagramme sind eine sehr intuitive und leistungsstarke Anzeigemethode. Diagramme k?nnen Daten klarer darstellen und es den Menschen erm?glichen, die Bedeutung und Muster der Daten besser zu verstehen. In der Java-Entwicklung k?nnen wir ECharts und Java-Schnittstellen verwenden, um verschiedene statistische Diagramme schnell anzuzeigen. ECharts ist eine von Baidu entwickelte Software

So verwenden Sie die PHP-Schnittstelle und ECharts, um visuelle statistische Diagramme zu erstellen So verwenden Sie die PHP-Schnittstelle und ECharts, um visuelle statistische Diagramme zu erstellen Dec 18, 2023 am 11:39 AM

In der heutigen Zeit, in der die Datenvisualisierung immer wichtiger wird, hoffen viele Entwickler, mithilfe verschiedener Tools schnell verschiedene Diagramme und Berichte erstellen zu k?nnen, damit sie Daten besser anzeigen und Entscheidungstr?gern helfen k?nnen, schnelle Urteile zu f?llen. In diesem Zusammenhang kann die Verwendung der PHP-Schnittstelle und der ECharts-Bibliothek vielen Entwicklern dabei helfen, schnell visuelle statistische Diagramme zu erstellen. In diesem Artikel wird detailliert beschrieben, wie Sie mithilfe der PHP-Schnittstelle und der ECharts-Bibliothek visuelle statistische Diagramme erstellen. In der spezifischen Implementierung werden wir MySQL verwenden

Wie hei?t das Xianyu WeChat-Applet? Wie hei?t das Xianyu WeChat-Applet? Feb 27, 2024 pm 01:11 PM

Das offizielle WeChat-Miniprogramm von Xianyu wurde stillschweigend gestartet. Es bietet Benutzern eine praktische Plattform, die es ihnen erm?glicht, ungenutzte Artikel einfach zu ver?ffentlichen und zu handeln. Im Miniprogramm k?nnen Sie über private Nachrichten mit K?ufern oder Verk?ufern kommunizieren, pers?nliche Informationen und Bestellungen einsehen und nach den gewünschten Artikeln suchen. Wie genau hei?t Xianyu im WeChat-Miniprogramm? Dieses Tutorial stellt es Ihnen im Detail vor. Benutzer, die es wissen m?chten, folgen bitte diesem Artikel und lesen Sie weiter! Wie hei?t das Xianyu WeChat-Applet? Antwort: Xianyu, Leerlauftransaktionen, Gebrauchtverk?ufe, Bewertungen und Recycling. 1. Im Miniprogramm k?nnen Sie inaktive Nachrichten posten, mit K?ufern/Verk?ufern über private Nachrichten kommunizieren, pers?nliche Informationen und Bestellungen einsehen, nach bestimmten Artikeln suchen usw. 2. Auf der Seite des Miniprogramms gibt es eine Homepage, in der N?he, Post-Leerlauf, Nachrichten und meine 5 Funktionen;

Schritte zum Zeichnen eines Dashboards mithilfe der ECharts- und Python-Schnittstelle Schritte zum Zeichnen eines Dashboards mithilfe der ECharts- und Python-Schnittstelle Dec 18, 2023 am 08:40 AM

Für die Schritte zum Zeichnen eines Dashboards mit ECharts und der Python-Schnittstelle sind spezifische Codebeispiele erforderlich. Zusammenfassung: ECharts ist ein hervorragendes Datenvisualisierungstool, das problemlos Datenverarbeitung und Grafikzeichnung über die Python-Schnittstelle durchführen kann. In diesem Artikel werden die spezifischen Schritte zum Zeichnen eines Dashboards mithilfe der ECharts- und Python-Schnittstelle vorgestellt und Beispielcode bereitgestellt. Schlüsselw?rter: ECharts, Python-Schnittstelle, Dashboard, Datenvisualisierung Einführung Dashboard ist eine h?ufig verwendete Form der Datenvisualisierung

So verwenden Sie ein Histogramm, um Daten in ECharts anzuzeigen So verwenden Sie ein Histogramm, um Daten in ECharts anzuzeigen Dec 18, 2023 pm 02:21 PM

Verwendung von Histogrammen zur Anzeige von Daten in ECharts ECharts ist eine JavaScript-basierte Datenvisualisierungsbibliothek, die im Bereich der Datenvisualisierung sehr beliebt und weit verbreitet ist. Unter diesen ist das Histogramm der gebr?uchlichste und am h?ufigsten verwendete Diagrammtyp, mit dem die Gr??e, der Vergleich und die Trendanalyse verschiedener numerischer Daten angezeigt werden k?nnen. In diesem Artikel wird die Verwendung von ECharts zum Zeichnen von Histogrammen vorgestellt und Codebeispiele bereitgestellt. Zuerst müssen wir die ECharts-Bibliothek in die HTML-Datei einführen, die wie folgt eingeführt werden kann

Technischer Leitfaden zu ECharts und Golang: praktische Tipps zum Erstellen verschiedener statistischer Diagramme Technischer Leitfaden zu ECharts und Golang: praktische Tipps zum Erstellen verschiedener statistischer Diagramme Dec 17, 2023 pm 09:56 PM

Technischer Leitfaden zu ECharts und Golang: Praktische Tipps zum Erstellen verschiedener statistischer Diagramme, spezifische Codebeispiele sind erforderlich. Einführung: Im Bereich der modernen Datenvisualisierung sind statistische Diagramme ein wichtiges Werkzeug zur Datenanalyse und -visualisierung. ECharts ist eine leistungsstarke Datenvisualisierungsbibliothek, w?hrend Golang eine schnelle, zuverl?ssige und effiziente Programmiersprache ist. In diesem Artikel erfahren Sie, wie Sie mit ECharts und Golang verschiedene Arten von statistischen Diagrammen erstellen, und stellen Codebeispiele bereit, die Ihnen dabei helfen, diese F?higkeit zu erlernen. Vorbereitung

So verwenden Sie Kalenderdiagramme zur Anzeige von Zeitdaten in ECharts So verwenden Sie Kalenderdiagramme zur Anzeige von Zeitdaten in ECharts Dec 18, 2023 am 08:52 AM

So verwenden Sie Kalenderdiagramme zur Anzeige von Zeitdaten in ECharts ECharts (Baidus Open-Source-JavaScript-Diagrammbibliothek) ist ein leistungsstarkes und benutzerfreundliches Datenvisualisierungstool. Es bietet eine Vielzahl von Diagrammtypen, darunter Liniendiagramme, Balkendiagramme, Kreisdiagramme und mehr. Das Kalenderdiagramm ist ein sehr markanter und praktischer Diagrammtyp in ECharts, der zur Darstellung zeitbezogener Daten verwendet werden kann. In diesem Artikel wird die Verwendung von Kalenderdiagrammen in ECharts vorgestellt und spezifische Codebeispiele bereitgestellt. Zuerst müssen Sie verwenden

See all articles