New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

默认的tooltip不能正常显示字符串 #3307

Closed
edwardzjl opened this Issue May 30, 2016 · 0 comments

Comments

Projects
None yet
2 participants
@edwardzjl

edwardzjl commented May 30, 2016

问题简述 (One-line summary)

在按照 http://echarts.baidu.com/demo.html#bar-y-category-stack 的例子做category-stack图的时候,我的x轴是类别,y轴是数值。
给series.data传入的数据每一项是[string, number, string],其中第一个string和x轴的类别对应,number是y轴数值。
用默认tooltip,trigger是'axis'
一前一后两个string都只能显示为'-'
这种情况只能自定义tooltip吗?自定义的话,怎么做出每一项legend前的那种圆点?

版本及环境 (Version & Environment)

  • ECharts 版本 (ECharts version): 3.1.10
  • 浏览器类型和版本 (Browser version): chrome 50.0.2661.102
  • 操作系统类型和版本 (OS Version): OSX El Capitan 10.11.5

重现步骤 (Steps to reproduce)

期望结果 (Expected behaviour)

可能哪里有问题 (What went wrong)

ECharts配置项 (ECharts option)

var machinePer = [['西安西电高压开关有限公司',83,'51.23%'],['杭州西门子',33,'52.38%'],['河南平高电气有限公司',46,'90.20%'],['维奥输配电(广州)有限公司',21,'84.00%'],['西门子股份有限公司',60,'77.92%'],['北京ABB高压开关设备有限公司',33,'91.67%'],['西安西电高压开关厂',17,'60.71%'],['德国Siemens',7,'100.00%'],['苏州AREVA高压电气开关有限公司',0,'0.00%'],['法国阿尔斯通公司',22,'100.00%'],['其它厂家',43,'82.69%'],['山东泰开变压器有限公司',5,'100.00%'],['平顶山高压开关厂',79,'91.86%'],['TRENC',1,'50.00%'],['日本三菱电机株式会社',28,'80.00%'],['德国ABB公司',87,'97.75%'],['新东北电气(沈阳)高压开关有限公司',1,'100.00%'],['苏州阿尔斯通公司',1,'100.00%'],['云南省火电建设公司电力设备结构工程分公司',0,'0.00%']];
    var heatPer = [['西安西电高压开关有限公司',66,'40.74%'],['杭州西门子',24,'38.10%'],['河南平高电气有限公司',2,'3.92%'],['维奥输配电(广州)有限公司',2,'8.00%'],['西门子股份有限公司',14,'18.18%'],['北京ABB高压开关设备有限公司',0,'0.00%'],['西安西电高压开关厂',10,'35.71%'],['德国Siemens',0,'0.00%'],['苏州AREVA高压电气开关有限公司',1,'100.00%'],['法国阿尔斯通公司',0,'0.00%'],['其它厂家',3,'5.77%'],['山东泰开变压器有限公司',0,'0.00%'],['平顶山高压开关厂',3,'3.49%'],['TRENC',0,'0.00%'],['日本三菱电机株式会社',0,'0.00%'],['德国ABB公司',1,'1.12%'],['新东北电气(沈阳)高压开关有限公司',0,'0.00%'],['苏州阿尔斯通公司',0,'0.00%'],['云南省火电建设公司电力设备结构工程分公司',0,'0.00%']];
    var electricPer = [['西安西电高压开关有限公司',12,'7.41%'],['杭州西门子',2,'3.17%'],['河南平高电气有限公司',2,'3.92%'],['维奥输配电(广州)有限公司',2,'8.00%'],['西门子股份有限公司',1,'1.30%'],['北京ABB高压开关设备有限公司',3,'8.33%'],['西安西电高压开关厂',1,'3.57%'],['德国Siemens',0,'0.00%'],['苏州AREVA高压电气开关有限公司',0,'0.00%'],['法国阿尔斯通公司',0,'0.00%'],['其它厂家',5,'9.62%'],['山东泰开变压器有限公司',0,'0.00%'],['平顶山高压开关厂',4,'4.65%'],['TRENC',1,'50.00%'],['日本三菱电机株式会社',5,'14.29%'],['德国ABB公司',0,'0.00%'],['新东北电气(沈阳)高压开关有限公司',0,'0.00%'],['苏州阿尔斯通公司',0,'0.00%'],['云南省火电建设公司电力设备结构工程分公司',1,'100.00%']];
    var otherPer = [['西安西电高压开关有限公司',1,'0.62%'],['杭州西门子',4,'6.35%'],['河南平高电气有限公司',1,'1.96%'],['维奥输配电(广州)有限公司',0,'0.00%'],['西门子股份有限公司',2,'2.60%'],['北京ABB高压开关设备有限公司',0,'0.00%'],['西安西电高压开关厂',0,'0.00%'],['德国Siemens',0,'0.00%'],['苏州AREVA高压电气开关有限公司',0,'0.00%'],['法国阿尔斯通公司',0,'0.00%'],['其它厂家',1,'1.92%'],['山东泰开变压器有限公司',0,'0.00%'],['平顶山高压开关厂',0,'0.00%'],['TRENC',0,'0.00%'],['日本三菱电机株式会社',2,'5.71%'],['德国ABB公司',1,'1.12%'],['新东北电气(沈阳)高压开关有限公司',0,'0.00%'],['苏州阿尔斯通公司',0,'0.00%'],['云南省火电建设公司电力设备结构工程分公司',0,'0.00%']];

    var xAxisData = ['西安西电高压开关有限公司', '杭州西门子', '河南平高电气有限公司', '维奥输配电(广州)有限公司', '西门子股份有限公司', '北京ABB高压开关设备有限公司', '西安西电高压开关厂', '德国Siemens', '苏州AREVA高压电气开关有限公司', '法国阿尔斯通公司', '其它厂家', '山东泰开变压器有限公司', '平顶山高压开关厂', 'TRENC', '日本三菱电机株式会社', '德国ABB公司', '新东北电气(沈阳)高压开关有限公司', '苏州阿尔斯通公司', '云南省火电建设公司电力设备结构工程分公司'];

option = {
title: {
            show: true,
            text: '缺陷类型统计',
            textStyle: {
                color: 'rgb(189, 192, 186)',
                fontSize: 24
            },
            left: 'center',
            top: '3%'
        },
        backgroundColor: '#333',
        tooltip: {
            textStyle: {
                color: 'rgb(189, 192, 186)'
            },
            padding: 10,
            backgroundColor: '#222',
            borderColor: '#777',
            borderWidth: 1,
            trigger: 'axis',
            axisPointer: {
                type: 'shadow'
            },
        },
        legend: {
            textStyle: {
                color: 'rgb(189, 192, 186)'
            },
            data: ['机械故障', '发热故障', '电气故障', '其他故障']
        },
        grid: {
            show: false
        },
        xAxis: {
            name: '生产厂家',
            nameTextStyle: {
                color: 'rgb(189, 192, 186)',
                fontSize: 16
            },
            axisLabel: {
                formatter: function(val) {
                    return val.split("").join("\n");
                },
                textStyle: {
                    color: 'rgb(189, 192, 186)',
                }
            },
            type: 'category',
            data: xAxisData
        },
        yAxis: {
            name: '故障数量',
            nameTextStyle: {
                color: 'rgb(189, 192, 186)',
                fontSize: 16
            },
            axisLabel: {
                formatter: '{value}',
                textStyle: {
                    color: 'rgb(189, 192, 186)',
                }
            },
            type: 'value'
        },

        series: [{
            name: '机械故障',
            type: 'bar',
            stack: '总量',
            data: machinePer
        }, {
            name: '发热故障',
            type: 'bar',
            stack: '总量',
            data: heatPer
        }, {
            name: '电气故障',
            type: 'bar',
            stack: '总量',
            data: electricPer
        }, {
            name: '其他故障',
            type: 'bar',
            stack: '总量',
            data: otherPer
        }]
}

其他信息 (Other comments)

@pissang pissang added the enhancement label May 30, 2016

@pissang pissang closed this in d440a76 Jul 9, 2016

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment