Echarts商品关联模型

最新推荐文章于 2023-03-28 10:58:34 发布

带刀走江湖

最新推荐文章于 2023-03-28 10:58:34 发布

阅读量480

点赞数

分类专栏：前端学习文章标签： Echarts

本文链接：https://blog.csdn.net/LD946522524/article/details/86076055

版权

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>ECharts</title>
</head>
<body>
<!--Step:1 为ECharts准备一个具备大小（宽高）的Dom-->
<div id="main" style="height:500px;border:1px solid #ccc;padding:10px;"></div>
<!--Step:2 引入echarts.js-->
<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
<script type="text/javascript">
    // Step:3 为模块加载器配置echarts的路径，从当前页面链接到echarts.js，定义所需图表路径
    require.config({
        paths: {
            echarts: 'http://echarts.baidu.com/build/dist'
        }
    });
    // Step:4 动态加载echarts然后在回调函数中开始使用，注意保持按需加载结构定义图表路径
    require(
        [
            'echarts',
            'echarts/chart/force' // 使用柱状图就加载bar模块，按需加载
        ],
        function (ec) {
            // 基于准备好的dom，初始化echarts图表
            var myChart = ec.init(document.getElementById('main'));
            var option = {
                title : {
                    text: '商品关联度模型',
                    subtext: '基础数据来自系统',
                    x:'right',
                    y:'bottom'
                },
                tooltip : {
                    trigger: 'item',
                    formatter: '{a} : {b}'
                },
                toolbox: {
                    show : true,
                    feature : {
                        restore : {show: true},
                        magicType: {show: true, type: ['force', 'chord']},

最低0.47元/天解锁文章

带刀走江湖

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
3
评论
Echarts商品关联模型

&lt;!DOCTYPE html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;ECharts&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;!--Step:1 为ECharts准备一个具备大小（宽高）的Dom--&gt;&a
复制链接

扫一扫