Home >Web Front-end >HTML Tutorial >How to change the font size inside the bubbles in jqplot_html/css_WEB-ITnose

How to change the font size inside the bubbles in jqplot_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:02:021086browse

Now use jqplot to form a chart, but the font inside the bubble is too big.

Ask for advice: How to change the size of the fontSize


Reply Discussion (Solution)

add: The chart type is bubble chart: bubble chart

28461285d2dd801c745db98d9f0bf93e
; c9ccee2e6ea535a969eb3f532ad9fe89
; div.jqplot-bubble-label{font-size:20px}
; 531ac245ce3e4fe3d50054a55f265927


Just override the text size defined in the jqplot css file

18ca4325ac0ad9eeaa3c9d6aba51f142
div.jqplot-bubble-label{font-size:20px}
531ac245ce3e4fe3d50054a55f265927


Just override the text size defined in the jqplot css file


I have already changed it in the css, but thank you anyway!
In addition, I have another question. Either when the mouse is moved over the bubble, the bubble will be highlighted, or it will be covered with a layer of light white. I want to ask: how to change this color, and where to change it? Thanks!

div.jqplot-bubble-label.jqplot-bubble-label-highlight{background-color:rgba(100, 230, 230, 0.7);}

Note that lower version of IE browser does not support rgba color

div.jqplot-bubble-label.jqplot-bubble-label-highlight{background-color:rgba(100, 230, 230, 0.7);}

Note that lower version of IE browser The device does not support rgba color

Sorry, I am not talking about the small highlight under the bubble text, but the highlight color change of the entire bubble, which is not in this css file.

Because even if the entire css file is removed and the mouse is moved over the bubble, the bubble will still be highlighted
That requires modifying the js. . The highlight swatch color should be a calculated swatch color similar to the passed color parameter. .

That needs to modify the js. . The highlight swatch color should be a calculated swatch color similar to the passed color parameter. .


I've found it, but don't know how to change it.

That’s it w.arc(u,t,m,0,2*Math.PI,0);

Master, do you know how to change it?

In addition, I want to make the unit of the coordinates larger: to increase the distance between 0-1,

instead of changing the distance between the two coordinates from 1 to 5

There are four bubbles in the picture. Because the values ​​​​are similar, they completely overlap. I want to widen the coordinate spacing to make them appear more clearly.

Do you have any ideas?
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn