Echarts: Uncaught Error: Компонент series.force не существует. Загрузите его первым - PullRequest
0 голосов
/ 18 января 2019

Я хочу использовать echarts для создания макета Силы визуализации данных. Когда я выполняю шаг настройки всех параметров, появляется ошибка, говорит

Uncaught Ошибка: Компонент 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>

1 Ответ

0 голосов
/ 18 января 2019

В соответствии с документами (щелкните узел серии в левом меню, чтобы открыть его и просмотреть все типы) series не имеет force тип
Допустимые типы: например, bar, graph и т. Д.

Может быть, этот пример поможет вам. Он использует серию типов графа, который имеет force объект.

например. из примера:

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