Question

我想使用echarts进行数据可视化部队布局，当我按照步骤设置所有选项时，出现错误，

未捕获的错误：组件series.force不存在。首先加载

我认为这可能是javascript错误，因此我更改了echarts.js的另一个版本，但是错误仍然存在，有人可以帮助我吗？

顺便说一句，这是我关于stackoverflow的第二篇文章，仍然在学习如何使用该平台，因此，如果您认为我可以更好地描述问题，请告诉我，谢谢。

这是我的JavaScript CDN

    <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.1.0-release/echarts.js"></script>

这是我的主要代码

<div id="main" style="width: 1280px;height:800px;"></div>
<script>
    // init
    var myChart = echarts.init(document.getElementById('main'));

    // if the website is still loading, show the animation
    // myChart.showLoading(); 

    var data = data_format(jdata);

    var option = {
        title : {
            text : 'test',  // this field will connect to the book name
        }, 
        tooltip : {}, 
        toolbox : {
            show : true, 
            feature : {
                saveAsImage : {
                    title : 'save as image',
                    show : true, 
                    type : 'png'
                }
            }
        }, 
        legend : {}, 
        series : [
            {
                type : 'force', 
                name : 'test', 
                ribbonType : false, 
                categories : [
                    {
                        name : 'person'
                    }
                ], 
                itemStyle : {
                    normal : {
                        label : {
                            show : true, 
                            textStyle : {
                                color : 'black'
                            }
                        }, 
                        nodeStyle : {

                        }
                    }
                }, 
                minRadius : 15, 
                maxRadius : 25, 
                gravity : 1, 
                scaling : 1, 
                linkSymbol : 'arrow', 
                steps : 10, 
                coolDown : 1, 
                nodes : data.nodes,
                links : data.links
            }
        ]
    }

    // setup all option
    myChart.setOption(option);
</script>

Answer 1

根据docs（单击左侧菜单上的series节点以将其打开并查看所有类型）series没有force类型
有效类型为：例如bar，graph等

也许这个example可以为您提供帮助。它使用一系列具有force对象的类型图。

例如来自示例：

series : [
    {
        type: 'graph',
        layout: 'force',
        force: {
            repulsion: 100
        }
        ...

图表：未捕获错误：组件series.force不存在。首先加载

1 个答案: