如何访问开发工具并更改默认选项？

问题描述 投票：0回答：0

我想知道是否有任何方法可以使用开发人员工具更改 

ECHARTS
图表的默认状态。例如，它会是这样的：

        document.addEventListener("DOMContentLoaded", () => {

            // Access type:'gauge' defaultOption
            echarts.extendSeriesModel({
                type: 'gauge',
                defaultOption: {
                    startAngle: 180,
                    endAngle: 0,
                    radius: '75%',
                    axisLine: {
                        lineStyle: {
                            color: [[1, "#333"]]
                        }
                    },
                    itemStyle: {
                        color: '#f00'
                    }
                }
            });

            // init
            const chart = echarts.init(document.getElementById('chart'));

            // option
            const option = {
                series: [
                    {
                        type: 'gauge', // new defaultOption (does not work)
                        data: [{ value: 50, name: 'Speed' }]
                    }
                ]
            };

            // setOption
            chart.setOption(option);
        });
<head>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts.min.js"></script>
    <title>Custom Gauge</title>
</head>

<div id="chart" style="width: 100%; height: 100vh;"></div>

我的意图（这当然是不正确的）是在内部访问图表的类型（例如

type:'gauge'
）并更改创建的每个
type:'gauge'
的默认设置。

请注意，我更喜欢使用与这些方法相关的东西。

编辑

处理此代码时：

        // option
        const option = {
            series: [
                {
                    type: 'gauge', // new defaultOption (does not work)
                    data: [{ value: 50, name: 'Speed' }]
                }
            ]
        };

        // setOption
        chart.setOption(option);

结果将是：

enter image description here

换句话说，我想更改图表的初始模式，但使用为此目的设计的 ECHARTS 函数/方法（请参阅上面的链接）。

javascript echarts
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.