Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ApacheEcharts-创建拖放效果_Javascript_Charts - Fatal编程技术网

Javascript ApacheEcharts-创建拖放效果

Javascript ApacheEcharts-创建拖放效果,javascript,charts,Javascript,Charts,我需要在我的项目中实现这种效果,但我对此一无所知。你能帮助我吗? 我已经创建了图表,但是效果我不知道该怎么做。 以下是真实情况: 我已经创建了图表: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=de

我需要在我的项目中实现这种效果,但我对此一无所知。你能帮助我吗? 我已经创建了图表,但是效果我不知道该怎么做。

以下是真实情况:

我已经创建了图表:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="./dist/echarts.min.js"></script>
    <title>Document</title>
</head>

<body>
    <div id="main" style="width: 100%;height:400px;"></div>
    <script type="text/javascript">

        var myChart = echarts.init(document.getElementById('main'));
        var option = {
            title: {
                text: 'VARIAÇÃO DE ENTRADA DE NOTA'
            },
            tooltip: {

            },
            legend: {
                data: ['Valor']
            },
            xAxis: {
                data: ["01/08/20", "05/08/20", "15/08/20", "30/08/20", "02/09/20", "01/10/20"]
            },
            yAxis: {
            },
            series: [{
                name: 'Valor',
                type: 'line',
                data: [19.99, 20.5, 21.6, 18.6, 15.1, 22.5],
                tension
            }]
        };

        // use configuration item and data specified to show chart
        myChart.setOption(option);
    </script>
</body>

</html>

文件
var myChart=echarts.init(document.getElementById('main');
var选项={
标题:{
文字:“VARIAÃO DE ENTRADA DE NOTA”
},
工具提示:{
},
图例:{
数据:[“价值”]
},
xAxis:{
数据:[“01/08/20”、“05/08/20”、“15/08/20”、“30/08/20”、“02/09/20”、“01/10/20”]
},
亚克斯:{
},
系列:[{
名字:'英勇',
键入:“行”,
数据:[19.99,20.5,21.6,18.6,15.1,22.5],
紧张
}]
};
//使用指定的配置项和数据显示图表
myChart.setOption(选项);
如果有人知道如何在chart.js中实现这种效果,那么它是有效的。 谢谢