Tag:echarts

  • Codesalt | Django + eckarts instance

    Time:2020-2-24

    Codesalt | Django + eckarts instance As you need to be familiar with Django and eckarts in the near future, this paper records the process of implementing Django and eckarts as two small instances, and will use different ways to display the web-based eckarts chart: UsepyechartsDisplay 3D drawings Useecharts.jsShow line chart Some problems that Django […]

  • JSP uses echarts to dynamically identify points on the map

    Time:2019-12-20

    Echarts can easily draw maps and charts on the web page, and can also provide functions such as downloading images, zooming in, zooming out, dragging, etc. today, we mainly talk about how its map type (type: ‘map’) is realized. Firstly, the coordinates of echarts map need to be stored in a geocode attribute. It is […]

  • An example of report statistics using echarts in JSP

    Time:2019-12-19

    Echarts is used to show the effect of data report. Here we will introduce an example of Java / JSP using echarts to implement report statistics. The example is very simple, just transfer the data to echarts. Start the code. First of all, it’s tag, which is rarely used after college. I didn’t expect to […]

  • An example of report statistics implemented by echarts in JSP

    Time:2019-12-18

    Echarts is used to show the effect of data report. Here we will introduce an example of Java / JSP using echarts to implement report statistics. The example is very simple, just transfer the data to echarts. Start the code. First of all, it’s tag, which is rarely used after college. I didn’t expect to […]

  • The beginning of sad road of visual development

    Time:2019-12-4

    Preface: This series of articles will tell me that in the past year, I independently developed a project called data visualization, with a link [https://github.com/chuxiaoguo…]. Welcome to star. We can see similar projects in the market at this stage, Alibaba’s datav [https://data.aliyun.com/visua…] Baidu’s sugar [https://cloud.baidu.com/produ…] Of course, there are other ones. I’ll just introduce them […]

  • Frame selection of sour road in visual development

    Time:2019-12-3

    Framework Research In order to help you avoid detours, I have summarized the following projects that can be used for reference. If you like, you can do secondary development based on their foundation: Draw.io prototype design editor [https://github.com/jgraph/drawio] Method draw SVG drawing editor [https://github.com/methodofac…] Fabric.js canvas graphic editor [https://github.com/fabric JS / F…] Why don’t I […]

  • Implementation of webgl based on HTML5 JSON and charts of echarts are displayed in the same interface

    Time:2019-10-19

    Suddenly, I have an idea that if I can put some knowledge points that are used in different ways on the same interface and put them in a box, then if I want to see something, it can be displayed directly, and the box must be able to open. I use HT to realize my […]

  • Three big graph libraries: ECharts, BizCharts and G2. How to choose them?

    Time:2019-10-14

    Recently, Ali’s official open source BizCharts chart library is based on the React technology stack. Each chart item is in the form of components, which is close to the use characteristics of React. At the same time, BizCharts is encapsulated based on G2, and Bizcharts also inherits G2-related features. ECharts chart library is currently used […]

  • Usage and summary of vue-draggable-resizable-gorkys and V-Chart

    Time:2019-10-4

    Achieving results:Realize the two encapsulation of the chart and the free drag and scale function of the form. First, the addresses of the two components are posted:vue-draggable-resizable-gorkys v-chart Second encapsulation of iconsHere we first make a simple package.For example, the form of title + chart (2) <div class=”chartcontainer”> <div>{{diyposition.title}}</div> <ve-line :data=”chartData[0]” width=”100%” height=”100%” :judge-width=”true” ref=”mychart” […]

  • Echarts scaling function

    Time:2019-9-6

    option[8] = { // Make gradient line here visualMap: [{ show: false, type: ‘continuous’, seriesIndex: 0, dimension: 0, min: 0, max: xData.length – 1 }], title: [{ top: ”, left: ‘center’, text: param.title }], DataZoom: [// This is the main part. It’s the opening of the zoom function for polygons. { StartValue: startValue, // Start […]

  • Vue family bucket + Echarts + Baidu map, build data visualization system

    Time:2019-7-18

    This article is a bit long and contains a bit more content.Big Brothers can be selectively consulted according to the catalogueNewcomers can read step by step 1 Preface 1.1 Business Scenario Suddenly received a product to do a data monitoring system. Cable maps, histograms and maps are similar to data visualization. I’ve never been in […]

  • The Method of Dynamic Loading Broken Line Diagram by Ajax in Echarts Tutorial

    Time:2019-7-5

    I. GIF Diagram 2. Front-end code // Call method hotlineLine(); // Regular refresh setInterval(function () { hotlineLine(); },5000); function hotlineLine(){ // Initialize chart elements var hotlineLine = echarts.init(document.getElementById(‘hotlineLine_id’)); $.get(‘${pageContext.request.getContextPath()}/m/hotline.do’, function (res) { var option = { // Tip box component, when the mouse passes through the pie chart, the prompt box appears tooltip: { // […]