Verwenden Sie das Liniendiagramm in Echarts-Diagrammen für statistische Analysen. Dieselben Daten gefunden, die Linien schneiden sich nicht. Was ist das Problem? Einen Gott um Rat fragen?
Wie auf dem Bild zu sehen ist, liegen die Daten am Samstag alle bei 330. Aber die fünf Linien schneiden sich einfach nicht
<script src="/Public/Admin/echarts/dist/echarts.js"></script>
<script type="text/javascript">
require.config({
paths: {
echarts: '/Public/Admin/echarts/dist'
}
});
erfordern(
[
'echarts',
'echarts/chart/line'
],
function (ec) {
var myChart = ec.init(document.getElementById('tubiao'));
var option = {
tooltip : {
trigger: 'axis'
},
legend: {
data:['邮件营销','联盟广告','视频广告','直接访问','搜索引擎']
},
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
restore : {show: true},
saveAsImage : {show: true}
}
},
calculable : true,
xAxis : [
{
type : 'category',
boundaryGap : false,
data : ['周一','周二','周三','周四','周五','周六','周日']
}
],
yAxis : [
{
type : 'value'
}
],
series : [
{
name:'邮件营销',
type:'line',
stack: '总量',
data:[0, 132, 101, 134, 90, 330, 210]
},
{
name:'联盟广告',
type:'line',
stack: '总量',
data:[0, 182, 191, 234, 290, 330, 310]
},
{
name:'视频广告',
type:'line',
stack: '总量',
data:[0, 232, 201, 154, 190, 330, 410]
},
{
name:'直接访问',
type:'line',
stack: '总量',
data:[0, 332, 301, 334, 390, 330, 320]
},
{
name:'搜索引擎',
type:'line',
stack: '总量',
data:[0, 932, 901, 934, 1290, 330, 1320]
}
]
};
myChart.setOption(option);
}
);
</script>
把series 里的所有 stack: '总量',这条配置 删除掉
那肯定是你那里弄错了呗,你代码不贴出来,谁知道呢
我觉得是:Y轴赋值的时候 是正确的;你自定义label的时候弄错了,都写成同一个了。