分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

.net图表之ECharts随笔01-最简单的使用步骤

发布时间:2023-09-06 02:24责任编辑:郭大石关键词:暂无标签

找了几种绘制图表的办法,后面选定了ECharts

首先,从NuGet管理中添加ECharts包,然后就可以调用绘制图表啦!

基本步骤:

1.为ECharts准备一个具备大小(宽高)的Dom

2.ECharts的js文件引入

3.js中为模块加载器配置echarts和所需图表的路径
???????require.config({
???????????  paths: {
???????????????    echarts: ‘/Scripts/ECharts‘
???????????  }
???????});

4.动态加载echarts和所需图表,回调函数中可以初始化图表并驱动图表的生成
???????require(
???????????  [
???????????????    ‘echarts‘,
???????????????    ‘echarts/chart/map‘ // 此处填写对应的图表类型的js文件名
???????????  ],
???????????  function (ec) {
???????????????    // 基于准备好的dom,初始化echarts图表
???????????????    var myChart = ec.init(document.getElementById(‘Dom名称‘));

    var option = {...} // 此处填写相应的参数配置,可参考ECharts官网实例

    myChart.setOption(option);
???????????  }
???????);

如有不对,麻烦大神提醒指正

.net图表之ECharts随笔01-最简单的使用步骤

原文地址:https://www.cnblogs.com/Rombo713/p/10021628.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved