Git Product home page Git Product logo

Comments (9)

andreaordonselli avatar andreaordonselli commented on June 25, 2024

qgis2web can export simple data, not aggregate data functions, joins or anything else. You should transform your diagrams into a simple element, vector and label.
Can you explain the purpose of the diagram and how you create it? Can you post a zip with your QGIS project?
Thank you.

from qgis2web.

rymaroumane avatar rymaroumane commented on June 25, 2024

Thank you for your prompt response.
The purpose of the diagrams in my QGIS project is to visually represent the number of job seekers in 2023 for each municipality. I created these diagrams by using text diagrams, which display the exact number of job seekers directly on the map.

I understand that qgis2web may not support complex features like these diagrams directly. Could you provide more details on how to transform these diagrams into a simple element, vector, and label as you suggested?

Additionally, here is a zip file containing my QGIS project:
carte tizi ouzou.zip

I am also curious to know if there are any plans to support these features (diagrams and color gradient categorization) in future updates of qgis2web. Is there anyone currently working on implementing these functionalities?

Thank you again for your assistance.

from qgis2web.

andreaordonselli avatar andreaordonselli commented on June 25, 2024

Premise: I don't understand why this layer has brown symbolism but is represented in a transparent green map
image

This symbology is not supported, it needs to be simplified:
image

I can't test this layers because I don't have the SVG icon:
image
image

This layer contains too many features, it misleads the system, it needs to be simplified in some way:
image

Once the problems have been eliminated, the system is produced without too many problems, here it is in the two versions:
leaflet.zip
openlayers - no highlight on hover.zip

Now let's get to the layer with the diagrams.
Premise:

  • diagrams are not supported for export
  • data that comes from joins with other tables cannot be exported, only data stored in original layer can be exported, so after the join the original layer must be saved locally with the join data.
    Conclusion:
    By activating the label on the layer
    image

it is possible to export the result in visual form, here is the result via the openlayers export (the leaflet export fails and at the moment I can't go into detail why)
image

Producing the web map with all the layers, this is the result:
openlayers conclusion - no highlight on hover.zip

image

You have to work on the transparencies and on what to place on top and what to place below, but the result is already good in my opinion.
That's what qgis2web, and I, can do for you.

Follow the documentation on the WIKI site https://qgis2web.github.io/qgis2web/ for more details. Graduated style is supported.

After exporting the project with qgis2web you could add the ol-ext library and do everything on this page: https://viglino.github.io/ol-ext/

I hope I've been of help to you.
Andrea.

from qgis2web.

rymaroumane avatar rymaroumane commented on June 25, 2024

Thank you very much for you detailed feedback and assistance.
Symbology issues:
1.yes I've noticed the discrepancy between the brown symbology and the transparent green representation , but I like it that way so I'm going to keep it.
2. I have simplified this symbology , but it still not supported by Leaflet ,
image
Same thing for the graduated style , not supported by leaflet that's unfortunate:
image

Besides that, you've been very helpful, I'll carefully consider all the advice you've provided , thanks again

from qgis2web.

andreaordonselli avatar andreaordonselli commented on June 25, 2024

Check the supported symbologies in the WIKI. SVG symbols only work with point layers not with polygonal layers.
Simplify even more maybe like this:
2024-06-06 11_53_48-Window

I understand that the leaflet export gives an error because your fields have an apostrophe in the title, both fields stored in the layer and join fields (e.g. d'emploi, d'ovins)

One question:
why do you prefer leaflet export? for the title? why does the pointer turn into a hand over features? for the highlight on hover?

from qgis2web.

rymaroumane avatar rymaroumane commented on June 25, 2024

OMG yes it worked, so all this time the problem was the apostrophes and I couldn't figure it out, I renamed the Fields and it immediately solved the problem, Thank you so much :
leaflet1
leaflet2

And to anwser your question, I prefer leaflet for all the reasons you've mentioned, especially for the highlight on hover.
Thanks again

from qgis2web.

andreaordonselli avatar andreaordonselli commented on June 25, 2024

An update will arrive soon that improves the visibility of svg icons in the legend. I believe that the Bovins Ovins Caprins layer, even if present in the legend, will not be shown if you turn it on.

I'm glad you solved it. I will fix openlayers to provide the same functionality. For complex projects like yours it's faster.

Please consider donating a virtual coffee via the button on the github home page to support the development of qgis2web.

Greetings.

from qgis2web.

rymaroumane avatar rymaroumane commented on June 25, 2024

I'm glad to hear that you will be fixing OpenLayers to provide the same functionality, thank you for all the efforts you make to improve qgis2web.

I will definitely consider donating a virtual coffee to support the development of qgis2web. Thank you for all your hard work and support.

from qgis2web.

andreaordonselli avatar andreaordonselli commented on June 25, 2024

I'm glad you will support the program. With the donation you will also get qgis2opengis, I hope you will enjoy it since you have a nice project in hand.

from qgis2web.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.