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中实现这种效果,那么它是有效的。
谢谢