youyou_gesila 2021-10-07 00:22 采纳率: 0%
浏览 195

echart如何导入本地svg文件

html文件中使用echarts，其中需要引入本地的svg图片作为底图。怎样才能导入？
例如 想要使用庖丁解牛
https://echarts.apache.org/examples/zh/editor.html?c=geo-beef-cuts
能否将庖丁解牛的svg图片下载到本地，进行使用？
原先的代码是设置ROOT_PATH（网页地址）
然后$.get（ROOT_PATH+'/data/asset/geo/Beef-cuts_France.svg，function (svg)
需要对代码做什么调整？

  • 写回答

1条回答 默认 最新

  • CSDN专家-赖老师（软件之家） 2021-10-07 00:41
    关注

    可以的，放在本地指定的文件夹，调用路径不用写扩展名。

    评论

报告相同问题？

  • ECharts图表导出为svg文件
    2024-11-26 17:51
    史一试的博客 ECharts 渲染完成后，可以通过 chart.getDom() ...你可以使用 JavaScript 的 Blob 和 URL.createObjectURL 来创建一个 SVG 文件的下载链接。在 ECharts 的配置中，可以通过设置 renderer 为 ‘svg’ 来启用 SVG 渲染。
  • echarts浮点图使用svg图片
    2020-05-18 16:50
    前端我最菜的博客 echarts 中导入svg一开始没有啥思路，只能去看文档，发现有 symbol 可以导入图片，这些svg图片我是放到一个静态服务器上面，然后写入他们的链接，请求数据的时候后端可以直接返回名字，然后拼接一下链接就可以啦 ...
  • echarts中引用svg
    2021-12-28 10:07
    锦坤！的博客 <template> <div class="hello"> <div class="EchartPractice"> <div id="main"></div> </div> </div> </template> <script>......
  • echarts-v5-基于svg作底图,制作svg底图思路
    2024-09-14 22:01
    禾白pro的博客 在开发大屏中，我们都有根据ui图开发地图的需求，然后我在最近的一个大屏项目中，在想去如何复现ui地图的样式时，发现了一个是使用的svg，也没有其他什么特殊的配置，就实现了一个非常炫酷的地图，然后就又扭头去...
  • 2025年前端面试题汇总
    2023-02-08 22:55
    sun_qqq的博客 本地存储，比如localStorage、sessionStorage 语义化标签，如header、footer、nav等，使代码结构清晰，利于seo canvas svg web worker，在主线程外再创建一个线程，可与主线程交互 拖放功能 三：CSS 1、如何实现一...
  • 如何在前端使用 Echarts 打造交互式数据图表
    2025-04-22 02:34
    AI实战架构笔记的博客 如何将大量的数据以直观、易懂的方式呈现给用户，成为了前端开发中的一个关键问题。Echarts 作为一款强大的开源数据可视化库，为前端开发者提供了丰富的图表类型和交互功能，能够帮助我们轻松打造出交互式的数据图表...
  • echarts主题修改及切换渲染效果(svg,canvas)
    2020-12-27 15:49
    前端xqf的博客 切换渲染效果(svg,canvas) const chart = echarts.init(echartsDom,'purple-passion',{renderer:'svg'}) renderer参数就是用来修改渲染效果，默认是canvas，可以修改为svg。 如果频繁切换数据建议使用canvas，如果是...
  • 前端领域ECharts图表设计技巧
    2025-05-12 09:24
    AI实战架构笔记的博客 在当今数字化时代，数据可视化是前端开发中不可或缺的一部分。ECharts作为一款强大的开源可视化库，被广泛应用于各种前端项目中。本文的目的在于深入探讨ECharts图表设计的技巧，涵盖从基础概念到实际应用的各个方面...
  • 【经验分享】前端分享会-地图模块、echarts以及插件分享_前端地图插件
    2024-05-28 00:34
    2401_85124786的博客 【代码】【经验分享】前端分享会-地图模块、echarts以及插件分享_前端地图插件。
  • echarts的symbol使用本地图片
    2022-05-17 14:17
    hibiscusxin的博客 echarts的symbol使用本地图片 // 引入图片 import img from '~public/img/img.png' export default { data() { return { symImg: img } }, methods: { ... this.echartsObj.data = [ ... {
  • 没有解决我的问题, 去提问

问题事件

  • 修改了问题 10月7日
  • 修改了问题 10月7日
  • 修改了问题 10月7日
  • 修改了问题 10月7日
  • 展开全部