简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - When there are too many characters in the legend of echarts, how to change it into an ellipsis?
过去多啦不再A梦
过去多啦不再A梦 2017-05-19 10:19:29
0
3
667

I am now making an echarts pie chart, in which the legend is dynamically generated. Sometimes more than a dozen texts are sent to the background, and the style is ugly. Now I want to realize: when the text in a single legend exceeds 8 , automatically turns into an ellipsis of "..." (as shown in the picture below), please give me some advice.

过去多啦不再A梦
过去多啦不再A梦

reply all (3)
迷茫
迷茫2017-05-19 10:21:29 3 floor

There is a formatter under the legend configuration item

formatter: function (name) { return (name.length > 8 ? (name.slice(0,8)+"...") : name ); }
Like+0
Add Reply
    伊谢尔伦
    伊谢尔伦2017-05-19 10:21:29 2 floor

    Make a judgment and then use string concatenation.

    if(name.length>8){ name=name.slice(0,8)+"..." }
    Like+0
    Add Reply
      phpcn_u1582
      phpcn_u15822017-05-19 10:21:29 1 floor

      If the annotation is not displayed on the pie chart, it can be intercepted after the data is transmitted from the background.
      Or just format it.

      formatter: function(name){ return name.length>8?name.substr(0,7)+"...":name; }
      Like+0
      Add Reply
        Popular Topics
        More>
        Popular Articles
        Popular Tutorials
        More>
        Related Tutorials
        Popular Recommendations
        Latest courses
        Latest Downloads
        More>
        Web Effects
        Website Source Code
        Website Materials
        Front End Template
        About us Disclaimer Sitemap
        php.cn：Public welfare online PHP training，Help PHP learners grow quickly！