Comments (6)
Oh, I see. Hm, not overly satisfied with how that works and/or is documented. Let's think about it.
from highcharts.
@stitot It also works with dashboards, but you must remember that all charts in Dashboards use the styledMode
by default.
JS:
zones: [{
value: 0, // Values less than 0
color: '#ff0000',
className: 'zone-below-zero'
}],
CSS:
.highcharts-graph.zone-below-zero {
stroke: #ff0000;
}
If you declare the class for the zone it works- demo.
from highcharts.
Hm, I would expect it to work when I set styledMode to false (see https://jsfiddle.net/0hL1cps9/)
from highcharts.
And it does, you only need to remove the highcharts.css
import. Otherwise, it is going to overwrite the styling- demo.
from highcharts.
Thank @karolkolodziej, this explains why we didn't get it to work.
Oh, I see. Hm, not overly satisfied with how that works and/or is documented. Let's think about it.
Under any circumstance, it means it's not a problem with Dash. If anything, we should improve the docs for Highcharts itself. But I don't think this is a special case. The general case is that if you use styledMode: false
combined with the highcharts.css
file, you might not get the styling you expect because the CSS overwrites your config. We could add that sentence under the styledMode
doclet. But it's unlikely that users will look for the problem there 🤷 .
from highcharts.
As a developer I would expect that a rather explicit config (styledMode: false
) would take precedence over any included CSS that affects style. Could in theory be handled by removing the CSS reference from the DOM, or by not adding classnames to output (if that what's happen), but I guess this have further implications that eludes me.
from highcharts.
Related Issues (20)
- MouseWheel with Ordinal brake HOT 1
- Remove column aliases from DataTable
- Organization chart: Need a feature to accept the onClick event for customized node UI element HOT 1
- Multiple-point solidgauge is off-center when on 100% HOT 1
- Cannot select a line drawn using Stock Tools. HOT 3
- Donut Chart: Issue with Data plotting HOT 2
- Mapline is hidden when drawing from LA to taiwan HOT 2
- Error 1015 shows HOT 1
- Deleted annotation is present in exported image HOT 3
- Infinite chart resize (reflow) HOT 1
- Color Contrast Ratio for the text 'Month-year' in graph is 1.917:1 which is less than expected (4.5:1) HOT 3
- `headerFormat` use `{point.point.name}` syntax but `pointFormat` use `{point.name}` syntax HOT 1
- chart.getAxes() is poorly named HOT 3
- Adding a yAxis id to the navigator causes plot bands added to the main graph to also display on the navigator. HOT 1
- Improve responsiveness for plot band labels HOT 1
- Drag does not work correctly HOT 1
- Numbers on axis labels HOT 5
- Gantt subtasks with point dependencies getting disorganized when toggling legend HOT 1
- Declaring mouseEvent callback as point event breaks drilldown
- I'm trying to find a way to center my flag but can't seem to do it HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from highcharts.