Giter VIP home page Giter VIP logo

Comments (9)

sunhailin-Leo avatar sunhailin-Leo commented on May 27, 2024

@x18-1

  • 使用前后端分离前的静态资源和 django 使用的静态资源一样嘛？

from pyecharts.

x18-1 avatar x18-1 commented on May 27, 2024

不太理解，整个架构跟官网给出的形式是一样的。

from pyecharts.

sunhailin-Leo avatar sunhailin-Leo commented on May 27, 2024

不太理解，整个架构跟官网给出的形式是一样的。

  • 那建议你先对比一下使用 django 和不使用时的区别哈~

from pyecharts.

x18-1 avatar x18-1 commented on May 27, 2024

使用Django时圆角会消失，不使用的时候圆角正常显示。并且我看传过去的Json数据中也是有圆角参数的：
image

from pyecharts.

sunhailin-Leo avatar sunhailin-Leo commented on May 27, 2024

@x18-1

  • 我最开始就说了，先对比一下静态资源的差异。

from pyecharts.

x18-1 avatar x18-1 commented on May 27, 2024

当我使用card.render_embed()，这种前后端不分离的方式可以正常显示。
当使用前后端分离的方式时不能正常显示。

我对比了两者的前端资源：

  1. 首先是Echarts参数部分，是相同的。
  2. 对比Body部分，几乎是相同的：

  • 这个是正常显示：
    image
    （红色标记代表有所区别）

  • 这个不正常显示
    image

  1. canvas方面有较大的不同
  • 可以正常显示的
<div class="" style="position: absolute; display: block; border-style: solid; white-space: nowrap; z-index: 9999999; box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 10px; transition: opacity 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s, visibility 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s, transform 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s; background-color: rgb(255, 255, 255); border-width: 0px; border-radius: 4px; color: rgb(102, 102, 102); font: 14px / 21px &quot;Microsoft YaHei&quot;; padding: 5px; top: 0px; left: 0px; transform: translate3d(608px, 313px, 0px); border-color: rgb(44, 221, 113); pointer-events: none; visibility: hidden; opacity: 0;"><div style="margin: 0px 0 0;line-height:1;"><div style="font-size:14px;color:#666;font-weight:400;line-height:1;">价格</div><div style="margin: 10px 0 0;line-height:1;"><div style="margin: 0px 0 0;line-height:1;"><span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:#2cdd71;"></span><span style="font-size:14px;color:#666;font-weight:400;margin-left:2px">价格</span><span style="float:right;margin-left:20px;font-size:14px;color:#666;font-weight:900">13.25</span><div style="clear:both"></div></div><div style="clear:both"></div></div><div style="clear:both"></div></div></div>
  • 不能正常显示的
<div class="" style="position: absolute; display: none; border-style: solid; white-space: nowrap; z-index: 9999999; transition: left 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s, top 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s; background-color: rgba(50, 50, 50, 0.7); border-width: 0px; border-color: rgb(51, 51, 51); border-radius: 4px; color: rgb(255, 255, 255); font: 14px / 21px &quot;Microsoft YaHei&quot;; padding: 5px; left: 669px; top: 365px; pointer-events: none;">价格<br><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#2cdd71;"></span>价格: 14</div>```

from pyecharts.

sunhailin-Leo avatar sunhailin-Leo commented on May 27, 2024

@x18-1

  • 静态资源那块看了嘛？你上面截图只是 html 这部分的

from pyecharts.

x18-1 avatar x18-1 commented on May 27, 2024

我对前端了解不多，您是指本地HTML文件吗？本地HTML文件均是官网上复制粘贴的。Scripts中Echarts的参数两者都是相同的。

from pyecharts.

x18-1 avatar x18-1 commented on May 27, 2024

应该是Django的原因。vue没有类似的问题。

from pyecharts.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.